Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Multiline form labels overlap input value #5874

Open
jpic opened this issue Apr 29, 2018 · 3 comments
Open

Multiline form labels overlap input value #5874

jpic opened this issue Apr 29, 2018 · 3 comments

Comments

@jpic
Copy link
Contributor

jpic commented Apr 29, 2018

In alpha:
2018-04-29-142222_435x113_scrot

In beta:
2018-04-29-142040_404x96_scrot

Is it possible to fix this little rendering issue ?

jpic added a commit to betagouv/mrs that referenced this issue Apr 29, 2018
jpic added a commit to betagouv/mrs that referenced this issue Apr 29, 2018
jpic added a commit to betagouv/mrs that referenced this issue May 1, 2018
@MicheleLucini
Copy link

MicheleLucini commented May 7, 2018

https://codepen.io/Aozora/pen/XqzzWW.
You can solve it with the class truncate for the label, but yeah i think it should be the default.

EDIT:
Daniel Ruf has the real answer

jeanbaptistemora pushed a commit to betagouv/mrs that referenced this issue Oct 9, 2019
@DanielRuf
Copy link
Contributor

You use too long labels, please see the Material Design guidelines and rules regarding labels.

https://material.io/components/text-fields

grafik

We strictly follow the MD rules.

@drusepth
Copy link

drusepth commented Jul 28, 2020

In cases where translations sometimes make strictly-single-line labels impossible, is there no workaround to just shift the longer, overlapping labels further up to accommodate multi-line labels without truncation? I don't see anything about that in the MD guidelines.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants