search

Dogfalo / materialize

Materialize, a CSS Framework based on Material Design
https://materializecss.com
MIT License
38.86k stars 4.74k forks source link

Why is the select not visible entirely? #6513

Open YakutD opened 4 years ago

YakutD commented 4 years ago

Using MaterializeCSS, there is a modal window with a form. It is expected that there will be a lot of option in select, however, as you can see in the screenshot, the modal window "overlaps" the option part. I use only standard MaterializeCSS select component, and modal window. How can I fix it? Its critical for me. AfiLv

JFNT commented 4 years ago 
.modal {
    overflow: visible;
}
pwcreative commented 4 years ago

@YakutD

Restricting the height of the dropdown makes for better UX:

.dropdown-content { height:300px; }

https://codepen.io/doughballs/pen/eYNmVed

Whether a scrollable select inside a scrollable form inside a modal is good UX is another question altogether.

In any case this is not an issue - modals are intended for small bits of content, they have restricted height and width and overflow set to invisible, all intentional. Please close :)

https://materializecss.com/modals.html

Use a modal for dialog boxes, confirmation messages, or other content that can be called up.