Skip to content
This repository has been archived by the owner on Mar 13, 2018. 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 · May be fixed by googlearchive/paper-input#163
Open

Comments

@0x24a537r9
Copy link

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
Copy link

+1 for this one

@adedip
Copy link

adedip commented Nov 14, 2014

+1 for me too!

1 similar comment
@dani-gallegos
Copy link

+1 for me too!

@zenorocha
Copy link

+1

1 similar comment
@Arduinology
Copy link

+1

@krisnye
Copy link

krisnye commented Dec 8, 2014

Agreed.

@bostondevin
Copy link

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

@morethanreal morethanreal self-assigned this Dec 18, 2014
@chrisconover
Copy link

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

@Arduinology
Copy link

Agreed, thanks for taking this on @morethanreal .

@StephanBeutel
Copy link

+1 Perfect idea. Please implement this feature.

@mbergeron
Copy link

+1

2 similar comments
@grimen
Copy link

grimen commented Jan 16, 2015

+1

@o-m-a-t-a
Copy link

+1

@wuxiaoying
Copy link

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
Copy link

it seems like very useful.
thanks wuxiaoying!

@grimen
Copy link

grimen commented Jan 30, 2015

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

@Sinjins
Copy link

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
Copy link

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
Copy link

grokys commented Mar 17, 2015

+1 oh yes!

@chrisabovo
Copy link

+1

3 similar comments
@nebojsa-simic
Copy link

+1

@gertcuykens
Copy link

+1

@attilapeter
Copy link

+1

@dgtlife
Copy link

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.
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.