WebKit Bugzilla
New
Browse
Log In
×
Sign in with GitHub
or
Remember my login
Create Account
·
Forgot Password
Forgotten password account recovery
RESOLVED WORKSFORME
114701
All siblings of element with transform: translateZ(0) are rasterized
https://bugs.webkit.org/show_bug.cgi?id=114701
Summary
All siblings of element with transform: translateZ(0) are rasterized
Cameron
Reported
2013-04-16 14:36:36 PDT
Created
attachment 198434
[details]
test case html When one element of several adjacent elements has the -webkit-transform: translateZ(0) CSS rule applied to force GPU compositing, it seems that all of the siblings of that element are also composited. I would expect only the element with the transform applied to be affected. The supplied JSFiddle and html file demonstrate this behavior. When the mouse is hovered over the element, a scale transform is applied to show the rasterization clearly. The expected result would be that the first and third children would not appear pixelated, whereas the second child would.
Attachments
test case html
(675 bytes, text/html)
2013-04-16 14:36 PDT
,
Cameron
no flags
Details
Screen shot of the bug
(55.56 KB, image/png)
2013-04-16 14:37 PDT
,
Cameron
no flags
Details
View All
Add attachment
proposed patch, testcase, etc.
Cameron
Comment 1
2013-04-16 14:37:30 PDT
Created
attachment 198435
[details]
Screen shot of the bug
Simon Fraser (smfr)
Comment 2
2013-04-18 11:20:21 PDT
This is because you have a scale on the container. Any transform on an element with composited descendants will cause compositing (it has to). The pixelation on scaling is covered by
bug 27684
.
Note
You need to
log in
before you can comment on or make changes to this bug.
Top of Page
Format For Printing
XML
Clone This Bug