Text at a net 0deg rotation that has been rotated is still blurry
Reported by
cur...@mashedkeyboard.me,
Jan 5
|
||||||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36 Example URL: https://mashedkeyboard.me/ Steps to reproduce the problem: 1. Load https://mashedkeyboard.me/ 2. Observe the main text of the page is slightly blurred 3. Load the same site in Firefox, Edge or any other non-Blink browser 4. Observe there is no blur What is the expected behavior? The text should render crisply, as the net offset from the original position is 0 What went wrong? Issues with fractional text offset are discussed in #521364 in great detail, but here there is no offset. The text should absolutely not blur; I deliberately put the text back to a 0deg rotation in order to avoid it doing so. I've been unable to fix the blur regardless of CSS changes, other than simply removing all the transform: rotates. The only issue I'm finding is that I'm unable to reproduce this in any other scenario. I tried to recreate a minimal example whilst keeping all the styles on all the elements here https://jsfiddle.net/curtispf/e05okh3j/ but it doesn't seem to blur... I don't understand what's going on there. Does it occur on multiple sites: N/A Is it a problem with a plugin? No Did this work before? N/A Does this work in other browsers? Yes Chrome version: 71.0.3578.98 Channel: stable OS Version: 10.0 Flash Version: This only happens in Blink browsers as far as I can tell, so I'm fairly certain it's a Blink rendering issue.
,
Jan 5
Thanks, that's exactly what I'd been looking for! I didn't realise it was to do with the image on the side, I have to say. I've just tested that repro and, lo and behold, the same applies; breaks in Blink browsers but works fine in Gecko or EdgeHTML.
,
Jan 5
,
Jan 7
curtis@ Thanks for the issue. Able to reproduce this issue on Windows 10, Ubuntu 14.04 and Mac OS 10.13.6 on the latest Stable 71.0.3578.98 and latest Canary 73.0.3663.0 as per comment #1. This is a Non-Regression issue as this behavior is observed from M-60 chrome builds. Attached is the screen cast for reference. Hence marking this as Untriaged for further updates from Dev. Thanks..
,
Jan 7
Transformed layers end up with sub-pixel AA off always, probably.
,
Jan 11
,
Jan 11
,
Jan 16
(6 days ago)
I encountered a similar issue when using `transform: rotateX(0deg)` on a child elemenet of an element with `perspective: 1000px` set. However, I noticed that there was a regression in between Chrome v73 and v71. See the attached screenshots. I tried making a codepen of the issue but it didn't manifest there. |
||||||
►
Sign in to add a comment |
||||||
Comment 1 by woxxom@gmail.com
, Jan 5479 bytes
479 bytes View Download