Select drop-down list not fully visible

[melroy89]

Hi,

The select list (drop-down/up list), is not always fully visible. And appears also outside the browser's view port.

This is an example of what I mean:

You tried in your demo to 'solve' this by adding some empty div below the select element. Which is not ideal in my situation, furthermore it's also not fixing my problem, unless the end-user scrolls-down the page first (otherwise this extra space will not help you)....

Kind regards,
Melroy van den Berg

[kylecordes]

We have encountered the same challenge in our real work. Unfortunately, Angular Material itself doesn't really offer much helpful, because it attempts to comply with the Material spec... and that spec also doesn't offer anything helpful for how to deal with a list like this which is too long for the screen.

In one case we implemented an ad hoc workaround which disregards the Materials spec, and positions the pop up on screen without regard to trying to match the position of the currently selected choice. I'm a little bit hesitant to publish such a solution though, since it disregards the Material spec.