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 is hidden by yellow-autofill-box in chrome #7003

Closed
PutziSan opened this issue May 30, 2017 · 4 comments
Closed

[TextField] label is hidden by yellow-autofill-box in chrome #7003

PutziSan opened this issue May 30, 2017 · 4 comments
Labels
bug 🐛 Something doesn't work component: text field This is the name of the generic UI component, not the React module! good first issue Great for first contributions. Enable to learn the contribution process.

Comments

@PutziSan
Copy link

Problem description

if chrome autofills a TextField the yellow box will conceal the floating label. see image:

textfield-label-autofill

setting a z-index at minimum to 1 fixing the issue:
textfield-label-autofill-fix

Versions

  • Material-UI: 1.0.0-alpha.15
  • React: 15.5.4
  • Browser: chrome 58.0.3029.110
@oliviertassinari oliviertassinari added bug 🐛 Something doesn't work component: text field This is the name of the generic UI component, not the React module! next good first issue Great for first contributions. Enable to learn the contribution process. labels May 30, 2017
@kybarg
Copy link
Contributor

kybarg commented May 30, 2017

@oliviertassinari This is fixed with #6566
image

@abhisheksoni27
Copy link

abhisheksoni27 commented Oct 25, 2018

I still have this issue. If I refresh the browser by pressing F5, it works. If I manually hit the refresh button, it doesn't. (Chrome 70.0.3538.67)

@kmooney517
Copy link

@abhisheksoni27 @oliviertassinari I see this is closed in this thread and another that linked me to here - is there a solution for the floating text labels not being moved because of the browser not firing a change event on autofill?

@oliviertassinari
Copy link
Member

@kmooney517 Oops, it's not the right issue. I'm updating the link.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug 🐛 Something doesn't work component: text field This is the name of the generic UI component, not the React module! good first issue Great for first contributions. Enable to learn the contribution process.
Projects
None yet
Development

No branches or pull requests

5 participants