Material-design-lite: Implement Dropdown Menu v2 Component

[traviskaufman]

Spec reference: https://www.google.com/design/spec/components/menus.html

This is our <select> equivalent. See this image

• [x] Single-Select Mode
• Multi-mode #4948

[coderhaoxin]

we should also support multiple mode.
Such as https://material.angularjs.org/latest/api/directive/mdSelect

[alexgig]

Hi @traviskaufman,

How is this different then the generic overflow dropdown button? (https://material.google.com/components/buttons.html#buttons-dropdown-buttons)

Seems like the dropdown button specification is the more complete solution. Are there plans to implement it in Mdl?

[HriBB]

I think this is just the dropdown part of the dropdown button. Menu with options/actions.

[traviskaufman]

@HriBB is correct; from a UX perspective this is pretty much the menu part of a drop down button. There is additional work that needs to be done though for drop down menus, particularly around accessibility.

[alexgig]

Cool. Thanks for the explanation guys.

[gaastonsr]

Is v2 going to cover dropdown menus?

[Garbee]

@gaastonsr That is a part of the drawer component which is #4476. Current plans is to offer one form of the MD specified menus.

[traviskaufman]

^ ah, ignore this. I referenced the wrong issue in the commit 😭

[traviskaufman]

FYI ^ :)

Also note, we've built the v2 version of select such that it works as both a custom component _as well as with the native browser select_, and you can seamlessly switch between the two. This means you get the full-fidelity experience on desktop devices while being able to switch over to the native version on a mobile device for the best cross-browser UX possible.

[traviskaufman]

Closing for now. Single-select is done and multi-select will be moved to a new issue.

[NBurke1]

Sorry for dragging up an old topic...but I've read this thread, and the previous one https://github.com/google/material-design-lite/issues/854

and more recent ones which link to this thread as a "solution"...but i still have no idea where the MDL select component is? it's not on the components page: https://getmdl.io/components/index.html

Am i missing something? I'm using MDL v1.3 which is the only version i could find

[moog16]

@NBurke1 MDL is now MDC. Select is here.