-
Notifications
You must be signed in to change notification settings - Fork 2.1k
fix(text-field): Reset z-index property of chrome autofill box #4232
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM, but could you possibly include a screenshot of what it looks like now? (Both in the PR description and squash/merge commit message.) Thanks!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Some of the comments on #2802 (comment) include :hover
and :focus
pseudo-classes in the selector:
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
z-index: auto !important;
}
Did you test hover/focus states? Are those additional selectors not necessary?
All 758 screenshot tests passed for commit dca2a04 vs. |
Above styles are inherited to |
LGTM! Thanks for the screenshot and clarifications! |
…ial-components#4232) Screenshot: ![image](https://user-images.githubusercontent.com/47312/50874350-bb2b5e00-13e9-11e9-8ff8-7c63c8266c07.png) (cherry picked from commit e718cb2)
This change force reset the z-index value of chrome autofill using
-webkit-autofill
CSS property to keep it behind notched outline and floating label.Screenshot:
Fixes #2802