Bug 160661

Summary: Layering and scale produce blurry results
Product: WebKit Reporter: Philipp Spiess <hello>
Component: CompositingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: ahmad.saleem792, dino, hello, jonlee, martin, simon.fraser
Priority: P2    
Version: WebKit Nightly Build   
Hardware: Mac   
OS: OS X 10.11   
Attachments:
Description Flags
Blur Bug none

Philipp Spiess
Reported 2016-08-08 09:50:58 PDT
Created attachment 285569 [details] Blur Bug We have found a situation, where (sibling) layers are causing the result of a `scale` transform to be blurry. Please have a look at the attached html file. In the attached file, we used `translate3d` to force a layer. This can also be reproduced when using `position: fixed` instead. We have found out that adding a layer will also force a layer for the next siblings. We can work around the blur by adding a new parent to the `scale` transform, so that the div containing the `scale` does not use a layer (in this case, the parent holds the layer). Firefox and Chrome can render the text fine. This is probably also the cause of https://bugs.webkit.org/show_bug.cgi?id=133801 - but we ran into it just by trying to scale a div.
Attachments
Blur Bug (764 bytes, text/html)
2016-08-08 09:50 PDT, Philipp Spiess 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Ahmad Saleem
Comment 1 2022-10-16 04:54:57 PDT
I am able to reproduce this bug in Safari Technology Preview 155 where the second line in the attached test case is "Blurry" compared to Chrome Canary 108 and Firefox Nightly 107. Just wanted to share updated results. Thanks!
Simon Fraser (smfr)
Comment 2 2022-10-18 17:22:46 PDT
*** This bug has been marked as a duplicate of bug 27684 ***
Note You need to log in before you can comment on or make changes to this bug.