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

TextField label position when changing fontsize #8017

Closed
w3nda opened this issue Sep 3, 2017 · 1 comment
Closed

TextField label position when changing fontsize #8017

w3nda opened this issue Sep 3, 2017 · 1 comment
Labels
component: text field This is the name of the generic UI component, not the React module! new feature New feature or request

Comments

@w3nda
Copy link

w3nda commented Sep 3, 2017

Problem description

When you change TextField's fontSize, the label translate() position isn't changing according to font size.
which leads to the label being too close to the text of the input.

Steps to reproduce

Take a text field, change font size, type. (40px for an example)
before changing shrink translate - http://prntscr.com/gggmsg
after changing - http://prntscr.com/gggmf0

Versions

  • Material-UI: latest v1-beta
  • React: latest
  • Browser: chrome
@oliviertassinari
Copy link
Member

Maybe we could be changing the InputLabel transformation value to take the font size into account in the formula, but I have some doubt about the viability of such rule.
So I think that the best way to handle this is to also change the translation value on userland.

@oliviertassinari oliviertassinari added component: text field This is the name of the generic UI component, not the React module! new feature New feature or request labels Sep 3, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: text field This is the name of the generic UI component, not the React module! new feature New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants