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

Related