Bug 114701

Summary:

All siblings of element with transform: translateZ(0) are rasterized

Product:

WebKit

Reporter:

Cameron <cameron>

Component:

New Bugs

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED WORKSFORME

Severity:

Normal

CC:

dino, simon.fraser

Priority:

Version:

528+ (Nightly build)

Hardware:

Mac

OS:

OS X 10.8

URL:

http://jsfiddle.net/N9tx8/

Attachments:

Description	Flags
test case html	none
Screen shot of the bug	none

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.