New issue
Advanced search Search tips

Issue 919294 link

Starred by 2 users

Issue metadata

Status: Assigned
Owner:
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 2
Type: Bug



Sign in to add a comment

Text at a net 0deg rotation that has been rotated is still blurry

Reported by cur...@mashedkeyboard.me, Jan 5

Issue description

UserAgent: 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.
 
A simplified repro, somewhat minimized, attached below.
Click the button in the page to toggle the bug.
test.html
479 bytes View Download
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.
Labels: Needs-Triage-M71
Cc: susan.boorgula@chromium.org
Components: Blink>Paint
Labels: -Type-Compat Triaged-ET Target-73 M-73 FoundIn-71 FoundIn-73 FoundIn-72 OS-Linux OS-Mac Type-Bug
Status: Untriaged (was: Unconfirmed)
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..
919294-M60.mp4
190 KB View Download
Components: -Blink>Paint Internals>Compositing
Transformed layers end up with sub-pixel AA off always, probably.
Cc: vmp...@chromium.org
Components: Blink>Compositing
Owner: chrishtr@chromium.org
Status: Assigned (was: Untriaged)

Comment 8 by nerdki...@gmail.com, 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.
Chrome 71 with Perspective.png
289 KB View Download
Chrome 73 without Perspective.png
277 KB View Download
Chrome 73 with Perspective.png
308 KB View Download

Sign in to add a comment