Bug 91493 - -webkit-mask-image is incorrectly scaled to fit the viewport in Chrome when using 3D transforms
Summary: -webkit-mask-image is incorrectly scaled to fit the viewport in Chrome when u...
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac (Intel) OS X 10.6
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2012-07-17 04:31 PDT by Keith Clark
Modified: 2022-07-13 10:29 PDT (History)
1 user (show)

See Also:

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 an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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.