Materialize select scrolling issue
Please you find .dropdown-content
in materialize.css.
You see max-height:650px
and remove/update it you want to dropdown box size.
I have been fixed this style in my project. It is ok!. Thanks.....
Before removed/updated max-height:650px
property in materialize.css
Before
.dropdown-content {
max-height: 650px;
}
And I customize max-height:250px in materialize.css After
.dropdown-content {
max-height: 250px;
}
Neither of the above worked for me, but this did.
.dropdown-content {
max-height: 350px !important;
overflow-y: auto !important;
backface-visibility: hidden !important;
}
.select-dropdown{
overflow-y: auto !important;
}
Found this on another website so I can't claim credit. Final comment on this page