md-outlined-select options list height: 100%

[gdevacc12]

Problem

When the list of options is longer than the height of the browser window, it is difficult to scroll through the options list to select the desired option, as the option list height is 100%.

Expected behaviour

To have the option list with a scroll bar and to be able to set the max-height of the list.

Comments

Apologies if this my ignorance on styling the component. Please advise if I missed something.

[asyncLiz]

Can you provide a lit.dev/playground or screenshots of the issue?

[gdevacc12]

@asyncLiz attached image.

[e111077]

md menu can have max-height set on it, but unfortunately it's in the shadow root of md-select, so it's not settable. Will investigate adding a css custom property

[e111077]

max-height can now be set via CSS Shadow Part. e.g.

md-outlined-select::part(menu) {
  max-height: 123px;
}