160661 2016-08-08 09:50:58 -0700 Layering and scale produce blurry results 2022-10-18 17:22:46 -0700 1 1 1 Unclassified WebKit Compositing WebKit Nightly Build Mac OS X 10.11 RESOLVED DUPLICATE 27684 P2 Normal --- 1 hello webkit-unassigned ahmad.saleem792 dino hello jonlee martin simon.fraser oldest_to_newest 1218512 0 285569 hello 2016-08-08 09:50:58 -0700 Created attachment 285569 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. 1905954 1 ahmad.saleem792 2022-10-16 04:54:57 -0700 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! 1906651 2 simon.fraser 2022-10-18 17:22:46 -0700 *** This bug has been marked as a duplicate of bug 27684 *** 285569 2016-08-08 09:50:58 -0700 2016-08-08 09:50:58 -0700 Blur Bug blur-bug.html text/html 764 hello PCEtLSBSZWd1bGFyIHNjYWxpbmcsIG5vIGxheWVyIHdpbGwgYmUgZ2VuZXJhdGVkIC0tPgo8ZGl2 IHN0eWxlPSJ0cmFuc2Zvcm06IHNjYWxlKDQpOyB0cmFuc2Zvcm0tb3JpZ2luOiAwIDA7IGhlaWdo dDogMTAwcHgiPgogIEhlbGxvIFNoYXJwIFdvcmxkCjwvZGl2Pgo8IS0tIHRoZSB0cmFuc2xhdGUz ZCB3aWxsIGZvcmNlIGEgbGF5ZXIgZm9yIHRoZSBlbXB0eSBkaXYgLS0+CjxkaXYgc3R5bGU9InRy YW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMCwgMCk7IHRyYW5zZm9ybS1vcmlnaW46IDAgMCI+PC9k aXY+CjwhLS0gU2luY2UgaXQncyBwcmV2LiBzaWJsaW5nIGhhcyBhIGxheWVyLCB0aGlzIGRpdiBh bHNvIGhhcyBvbmUuIEhlcmUgdGhlIHNjYWxlIHByb2R1Y2VzIGEgd3JvbmcgcmVzdWx0IC0tPgo8 ZGl2IHN0eWxlPSJ0cmFuc2Zvcm06IHNjYWxlKDQpOyB0cmFuc2Zvcm0tb3JpZ2luOiAwIDA7IGhl aWdodDogMTAwcHgiPgogIEhlbGxvIEJsdXJyeSBXb3JsZAo8L2Rpdj4KPCEtLSBUaGUgdHJhbnNm b3JtIGhlcmUgd2lsbCBhbHNvIG1ha2UgdGhpcyBkaXYgYSBsYXllciAtLT4KPGRpdiBzdHlsZT0i dHJhbnNmb3JtOiB0cmFuc2xhdGUoMCwgMCk7IGhlaWdodDogMTAwcHgiPgogIDwhLS0gVGhpcyBk aXYgaGFzIG5vIGxheWVyLCBzY2FsaW5nIHdvcmtzIGZpbmUgLS0+CiAgPGRpdiBzdHlsZT0idHJh bnNmb3JtOiBzY2FsZSg0KTsgdHJhbnNmb3JtLW9yaWdpbjogMCAwIj4KICAgIEhlbGxvIFNoYXJw IFdvcmxkCiAgPC9kaXY+CjwvZGl2Pgo=