227284 2021-06-23 01:52:49 -0700 WKWebview / Safari - content pixelated in scrollable container when scaled using transform 2021-06-24 22:50:36 -0700 1 1 1 Unclassified WebKit CSS Safari 14 Mac (Intel) macOS 11 RESOLVED DUPLICATE 27684 P2 Normal --- 1 akila webkit-unassigned simon.fraser oldest_to_newest 1771883 0 akila 2021-06-23 01:52:49 -0700 in the WKWebview /safari scaling a scrollable container results in a pixelated output the issue occurs when the container div uses ```overflow: auto;``` or ```overflow:scroll;``` scaling was working fine in macOS Catalina but broke with the OS update here you can find a example of the issue https://codepen.io/thelastairbender/pen/bGqPEKY are there any fix or a workaround for this issue, any idea would be great 1772536 1 simon.fraser 2021-06-24 20:33:25 -0700 *** This bug has been marked as a duplicate of bug 27684 *** 1772549 2 akila 2021-06-24 22:24:45 -0700 this is not the duplicate of the bug 27684, in bug 27684 the issue is content is pixelated while scaling but settles own after scaling finish, but in this case content stays pixelated after scaling finishes 1772552 3 simon.fraser 2021-06-24 22:50:36 -0700 That's because the pixelation happens when the element is rendered into a composited layer. In bug 27684 that's temporary while the animation is running. Here, async scrolling logic means that it's permanent. *** This bug has been marked as a duplicate of bug 27684 ***