I am using ui-select for showing list of states. My state list is greater than ui-select dropdown height. How can I show the scrollbar inside ui-select drop down list so that user knows there are more items in the list?
Asked
Active
Viewed 2,921 times
2
-
set a css property `overflow:scroll`. – Hardik Bharadava Apr 22 '15 at 06:56
-
use overflow:scroll, If it is for touch device use -webkit-overflow-scrolling: touch. still your facing the problem. Please post the code to rectify – Nisar Apr 22 '15 at 06:59
-
@HP's411: What element should receive the `overflow:scroll` property? – jkndrkn Jul 17 '15 at 15:27
-
@jkndrkn : The Container which has large amount of Data to Show on it. For Example you have a `` which will holds your Data, than this `– Hardik Bharadava Jul 20 '15 at 08:38` should receive this Property.
1 Answers
1
Add below css code
.ui-select-choices-content{
overflow-y:scroll !important;
&::-webkit-scrollbar
{
width: 8px !important;
}
&::-webkit-scrollbar-thumb
{
border-radius: 7px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: red;
}
}
Love Sharma
- 47
- 6