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 - v4] Label does not shrink when chrome autofill #16053

Closed
ngochip opened this issue Jun 5, 2019 · 5 comments
Closed

[TextField - v4] Label does not shrink when chrome autofill #16053

ngochip opened this issue Jun 5, 2019 · 5 comments
Labels
component: text field This is the name of the generic UI component, not the React module! duplicate This issue or pull request already exists v4.x

Comments

@ngochip
Copy link

ngochip commented Jun 5, 2019

On version 4, there was an error when chrome auto filled the text fields. The textField label did not automatically shrink until the window was clicked.
The autoFill data is very popular at login screens, How to solve this?
Screen Shot 2019-06-05 at 10 53 56 AM

Context 🔦

Your Environment 🌎

Tech Version
Material-UI v4.0.2
React
Browser Chrome
TypeScript
etc.
@eps1lon
Copy link
Member

eps1lon commented Jun 5, 2019

Duplicate of #14427

@eps1lon eps1lon marked this as a duplicate of #14427 Jun 5, 2019
@eps1lon eps1lon closed this as completed Jun 5, 2019
@ngochip
Copy link
Author

ngochip commented Jun 5, 2019

#14427 is the problem of 3.9.2.
In version 3.9.x, it works fine and does not have this issue (for me).
However, when updating to version 4, I encountered this error.

@eps1lon
Copy link
Member

eps1lon commented Jun 5, 2019

I would agree if we said that we fixed this for v4. I might have missed this in the changelog?

@edencorbin
Copy link

Same issue here on latest material 5.10.15. Label is not shrinking, state of value is '', chrome autofill's, label does not shrink.

@oliviertassinari oliviertassinari added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Dec 20, 2022
@zannager zannager added duplicate This issue or pull request already exists component: text field This is the name of the generic UI component, not the React module! v4.x and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Jan 6, 2023
@damianchojna
Copy link

same for me autofill chrome content overlaps label on material ui v5

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! duplicate This issue or pull request already exists v4.x
Projects
None yet
Development

No branches or pull requests

6 participants