Material-ui: [TextField] label is hidden by yellow-autofill-box in chrome

[PutziSan]

Problem description

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

setting a z-index at minimum to 1 fixing the issue:

Versions

• Material-UI: 1.0.0-alpha.15
• React: 15.5.4
• Browser: chrome 58.0.3029.110

[kybarg]

@oliviertassinari This is fixed with #6566

[abhisheksoni27]

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]

@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]

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