Event for when the menu is opening for the select components

[MoaLeonhardt]

Concerning the select components (md-outlined-select and md-filled-select).

The regular HTML select component lacks events for when the select menu is opened. However, it looks like md-menu has an @opening event. If that event would be available on the material-web components md-outlined-select and md-filled-select it would be very useful.

For example, I'm using @lit-labs/task to create a select component where the menu data is not loaded until the menu is expanded. This is useful for cases when there's a lot of data, and normally no need to retrieve it, only when the user interacts with the select component.

Neither the focus event nor the click event can achieve this on their own, although it may be possible to combine them in a non-trivial way to find out when the menu is opened according to this stack overflow discussion.

PS. I'm sure other events such as menu closing, menu closed, menu opened, etc.. would be useful as well.

[asyncLiz]

@e111077 might know more about the risks, but a naive solution could be to compose and bubble those events

[MoaLeonhardt]

Sounds like a great solution. This feature would definitely put the material select components above the regular HTML selects in developer experience.

[e111077]

Will draft up a CL / PR and see what the team thinks

[e111077]

Discussion will likely happen in internal code review but you can follow here:

#4799

[e111077]

Got a +1 from Andrew. Closing this discussion as an adopted feature! you'll see it in pre.17 release

[e111077]

update, there is a PR out to remove the selected-* prefix. I did not realize that these do not bubble anymore

[e111077]

Feature adopted in #4799

[MoaLeonhardt]

That's wonderful news! Thanks a lot! 🙂