fix(form-field): fix underline at different zoom levels #7567
Conversation
googlebot
added
the
cla: yes
| @@ -145,6 +145,8 @@ $mat-form-field-underline-height: 1px !default; | |||
| position: absolute; | |||
| height: $mat-form-field-underline-height; | |||
| width: 100%; | |||
| // Prevents underline from disappearing at lower zoom levels. | |||
| transform: perspective(1px); | |||
There was a problem hiding this comment.
I'm not sure whether this fixes the issue. The only way I managed to break it on my machine was to zoom out to 33% and these changes don't seem to help
There was a problem hiding this comment.
Its a little weird, they don't all seem to break, I think it has to do with their vertical position or something. I saw some of them broken at 90% on the input demo page, this fixes it for >= 50% which I think is reasonable
There was a problem hiding this comment.
I think that it all depends on your OS/Screen size/Browser combo and whether it hits some weird value that doesn't round off correctly. We could get this in and see if people still see the issue.
There was a problem hiding this comment.
Yeah, I suspect this will fix it, it does for me
crisbeto
added
pr: lgtm
action: merge
|
This fix is great but at 33% and 25% zoom the line disappears again |
|
This issue has been automatically locked due to inactivity. Read more about our automatic conversation locking policy. This action has been performed automatically by a bot. |
fixes #7494