This repository has been archived by the owner. It is now read-only.

paper-dropdown-menu should support floating labels like paper-input #20

Open
0x24a537r9 opened this Issue Oct 9, 2014 · 24 comments

Comments

Projects
None yet
@0x24a537r9

0x24a537r9 commented Oct 9, 2014

I've got a form (see below) with a number of paper-input fields and one paper-dropdown-menu. It looks really buggy and out of place without a label when a value is selected. It's really kind of odd that, once you select a value, the label entirely disappears, leaving the user with no sense of what the field actually represents.

Imagine a scenario where I had two paper-dropdown-menus next to each other with the same set of values (a completely reasonable scenario, say, two dropdowns for current country of residence and country of birth); if they had values you'd have no idea which was which and no way to find out (since you can't undo a selection). That's a pretty significant UI failure.

Instead, the paper-dropdown-menu should support a floating label, much as the does (see the "Floating label" field of https://www.polymer-project.org/components/paper-input/demo.html).

screenshot from 2014-10-08 19 08 53

@fballiano

This comment has been minimized.

Show comment
Hide comment
@fballiano

fballiano Oct 24, 2014

+1 for this one

fballiano commented Oct 24, 2014

+1 for this one

@adedip

This comment has been minimized.

Show comment
Hide comment
@adedip

adedip Nov 14, 2014

+1 for me too!

adedip commented Nov 14, 2014

+1 for me too!

1 similar comment
@dani-gallegos

This comment has been minimized.

Show comment
Hide comment
@dani-gallegos

dani-gallegos Nov 28, 2014

+1 for me too!

dani-gallegos commented Nov 28, 2014

+1 for me too!

@zenorocha

This comment has been minimized.

Show comment
Hide comment
@zenorocha

zenorocha commented Dec 2, 2014

+1

1 similar comment
@Arduinology

This comment has been minimized.

Show comment
Hide comment
@Arduinology

Arduinology commented Dec 3, 2014

+1

@krisnye

This comment has been minimized.

Show comment
Hide comment
@krisnye

krisnye commented Dec 8, 2014

Agreed.

@bostondevin

This comment has been minimized.

Show comment
Hide comment
@bostondevin

bostondevin Dec 8, 2014

+1 - one of the first things I tried to do and couldn't!

bostondevin commented Dec 8, 2014

+1 - one of the first things I tried to do and couldn't!

@morethanreal morethanreal self-assigned this Dec 18, 2014

@chrisconover

This comment has been minimized.

Show comment
Hide comment
@chrisconover

chrisconover Dec 19, 2014

Super excited to see that Yvonne has started working on this!

chrisconover commented Dec 19, 2014

Super excited to see that Yvonne has started working on this!

@Arduinology

This comment has been minimized.

Show comment
Hide comment
@Arduinology

Arduinology Dec 19, 2014

Agreed, thanks for taking this on @morethanreal .

Arduinology commented Dec 19, 2014

Agreed, thanks for taking this on @morethanreal .

@StephanBeutel

This comment has been minimized.

Show comment
Hide comment
@StephanBeutel

StephanBeutel Jan 1, 2015

+1 Perfect idea. Please implement this feature.

StephanBeutel commented Jan 1, 2015

+1 Perfect idea. Please implement this feature.

@mbergeron

This comment has been minimized.

Show comment
Hide comment
@mbergeron

mbergeron commented Jan 2, 2015

+1

2 similar comments
@grimen

This comment has been minimized.

Show comment
Hide comment
@grimen

grimen commented Jan 16, 2015

+1

@o-m-a-t-a

This comment has been minimized.

Show comment
Hide comment
@o-m-a-t-a

o-m-a-t-a commented Jan 25, 2015

+1

@wuxiaoying

This comment has been minimized.

Show comment
Hide comment
@wuxiaoying

wuxiaoying Jan 30, 2015

if anyone's interested I did a rough version of it to use in my app. https://github.com/wuxiaoying/paper-dropdown-menu-ex , http://wuxiaoying.github.io/paper-dropdown-menu-ex/. It doesn't support everything, but i might work on it some more later :).

wuxiaoying commented Jan 30, 2015

if anyone's interested I did a rough version of it to use in my app. https://github.com/wuxiaoying/paper-dropdown-menu-ex , http://wuxiaoying.github.io/paper-dropdown-menu-ex/. It doesn't support everything, but i might work on it some more later :).

@o-m-a-t-a

This comment has been minimized.

Show comment
Hide comment
@o-m-a-t-a

o-m-a-t-a Jan 30, 2015

it seems like very useful.
thanks wuxiaoying!

o-m-a-t-a commented Jan 30, 2015

it seems like very useful.
thanks wuxiaoying!

@grimen

This comment has been minimized.

Show comment
Hide comment
@grimen

grimen Jan 30, 2015

@wuxiaoying Just tested it - works and looks great, thanks!

grimen commented Jan 30, 2015

@wuxiaoying Just tested it - works and looks great, thanks!

@Sinjins

This comment has been minimized.

Show comment
Hide comment
@Sinjins

Sinjins Feb 3, 2015

+1 for me too. Looking forward to this update, and super glad to see @morethanreal has taken it on.

Sinjins commented Feb 3, 2015

+1 for me too. Looking forward to this update, and super glad to see @morethanreal has taken it on.

@sanmadjack

This comment has been minimized.

Show comment
Hide comment
@sanmadjack

sanmadjack Feb 25, 2015

This part of the material design spec clearly shows some floating labels:

http://www.google.com/design/spec/components/text-fields.html#text-fields-single-line-text-field

+1

sanmadjack commented Feb 25, 2015

This part of the material design spec clearly shows some floating labels:

http://www.google.com/design/spec/components/text-fields.html#text-fields-single-line-text-field

+1

@grokys

This comment has been minimized.

Show comment
Hide comment
@grokys

grokys Mar 17, 2015

+1 oh yes!

grokys commented Mar 17, 2015

+1 oh yes!

@chrisabovo

This comment has been minimized.

Show comment
Hide comment
@chrisabovo

chrisabovo commented Apr 2, 2015

+1

3 similar comments
@nebojsa-simic

This comment has been minimized.

Show comment
Hide comment
@nebojsa-simic

nebojsa-simic commented Apr 23, 2015

+1

@gertcuykens

This comment has been minimized.

Show comment
Hide comment
@gertcuykens

gertcuykens commented Apr 24, 2015

+1

@attilapeter

This comment has been minimized.

Show comment
Hide comment
@attilapeter

attilapeter commented May 6, 2015

+1

@dgtlife

This comment has been minimized.

Show comment
Hide comment
@dgtlife

dgtlife May 18, 2015

+1
I guess I'll have to try and hack this in the meantime.

dgtlife commented May 18, 2015

+1
I guess I'll have to try and hack this in the meantime.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.