Bug 160661

Summary:

Layering and scale produce blurry results

Product:

WebKit

Reporter:

Philipp Spiess <hello>

Component:

Compositing

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED DUPLICATE

Severity:

Normal

CC:

ahmad.saleem792, dino, hello, jonlee, martin, simon.fraser

Priority:

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.