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

Keith Clark

Reported 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.

Attachments
Test case (1020 bytes, text/html) 2012-07-17 04:32 PDT, Keith Clark	no flags	Details
updated test (1019 bytes, text/html) 2012-07-18 12:30 PDT, Alexey Proskuryakov	no flags	Details
Show Obsolete (1) View All Add attachment proposed patch, testcase, etc.

Keith Clark

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

Created attachment 152734 [details] Test case

Keith Clark

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

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

Alexey Proskuryakov

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

Created attachment 153065 [details] updated test Updating as described above.

Keith Clark

Comment 4 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.

Brent Fulgham

Comment 5 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.

Note You need to log in before you can comment on or make changes to this bug.