Components: MdSelect overlapTrigger input parameter

Created on 20 Jul 2017  路  5Comments  路  Source: angular/components

Proposal.

MdSelect should have an overlapTrigger input parameter like MdMenu.

Usage:

<md-select [overlapTrigger]="false">
    <!-- md-options -->
</md-select>

Something like this:

proposed-select-overlay

Most helpful comment

Thank you for your time and consideration @kara.

All 5 comments

In the case of the select, the Material Design spec is pretty clear that the selected item should always overlap the trigger and not duplicate the selected item (see the "don't" images here). Because of that explicit instruction, we aren't likely to add this feature to the select.

I understand not having duplicate select items in the overlay itself, but this would be an option that allows for the overlay to always be positioned underneath the select element for smaller lists. The duplication of "Green" in the above example is not a duplication in the overlay list, but rather the currently selected item in the context of the select element.

@JaimeStill It sounds like perhaps we're looking at different images. This one in the "Dont" section specifically calls out that the overlay should always overlap the trigger.

image

Don't.
Menus are positioned over their emitting element.

Thank you for your time and consideration @kara.

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_This action has been performed automatically by a bot._

Was this page helpful?
0 / 5 - 0 ratings

Related issues

crutchcorn picture crutchcorn  路  3Comments

shlomiassaf picture shlomiassaf  路  3Comments

savaryt picture savaryt  路  3Comments

vitaly-t picture vitaly-t  路  3Comments

jelbourn picture jelbourn  路  3Comments