RESOLVED CONFIGURATION CHANGED 91493
-webkit-mask-image is incorrectly scaled to fit the viewport in Chrome when using 3D transforms 
https://bugs.webkit.org/show_bug.cgi?id=91493
Summary -webkit-mask-image is incorrectly scaled to fit the viewport in Chrome when u...
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.