Bug 91493

Summary:

-webkit-mask-image is incorrectly scaled to fit the viewport in Chrome when using 3D transforms

Product:

WebKit

Reporter:

Keith Clark <kjc>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED CONFIGURATION CHANGED

Severity:

Normal

CC:

bfulgham

Priority:

Version:

528+ (Nightly build)

Hardware:

Mac (Intel)

OS:

OS X 10.6

Attachments:

Description	Flags
Test case	none
updated test	none

Description Keith Clark 2012-07-17 04:31:10 PDT

When using -webkit-mask-image on an element that uses a 3D CSS transform the mask is incorrectly scaled to fit inside the viewport in Chrome. Safari works as expected.

Comment 1 Keith Clark 2012-07-17 04:32:07 PDT

Created attachment 152734 [details]
Test case

Comment 2 Keith Clark 2012-07-17 04:33:55 PDT

In the test case, the red circle should be translateZ, not translateXZ(0)

Comment 3 Alexey Proskuryakov 2012-07-18 12:30:13 PDT

Created attachment 153065 [details]
updated test

Updating as described above.

Comment 4 Keith Clark 2012-07-19 01:04:06 PDT

I tried this on a 2nd older mac which had hardware accelerated graphics disabled and the issue disappeared. Forcing hardware acceleration via about:flags triggered the bug.

Comment 5 Brent Fulgham 2022-07-13 10:29:38 PDT

Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue.