91493 2012-07-17 04:31:10 -0700 -webkit-mask-image is incorrectly scaled to fit the viewport in Chrome when using 3D transforms 2022-07-13 10:29:38 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) Mac (Intel) OS X 10.6 RESOLVED CONFIGURATION CHANGED P2 Normal --- 0 kjc webkit-unassigned bfulgham oldest_to_newest 671172 0 kjc 2012-07-17 04:31:10 -0700 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. 671173 1 152734 kjc 2012-07-17 04:32:07 -0700 Created attachment 152734 Test case 671174 2 kjc 2012-07-17 04:33:55 -0700 In the test case, the red circle should be translateZ, not translateXZ(0) 672621 3 153065 ap 2012-07-18 12:30:13 -0700 Created attachment 153065 updated test Updating as described above. 673274 4 kjc 2012-07-19 01:04:06 -0700 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. 1883150 5 bfulgham 2022-07-13 10:29:38 -0700 Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue. 152734 2012-07-17 04:32:07 -0700 2012-07-18 12:30:13 -0700 Test case webkitbug.html text/html 1020 kjc PCFkb2N0eXBlIGh0bWw+CjxodG1sPgo8aGVhZD4KCTxzdHlsZT4KCQlodG1sLGJvZHkgewoJCQlo ZWlnaHQ6MTAwJTsKCQl9CgkJaHRtbCB7CgkJCWJhY2tncm91bmQ6ICNjY2MKCQl9CgkJLnRlc3Qg ewoJCQl3aWR0aDogMTUwcHg7CgkJCWNvbG9yOndoaXRlOwoJCQl0ZXh0LWFsaWduOiBjZW50ZXI7 CgkJCWxpbmUtaGVpZ2h0OiAxNTBweDsKCQkJYmFja2dyb3VuZDogZ3JlZW4gLXdlYmtpdC1saW5l YXItZ3JhZGllbnQocmdiYSgwLDAsMCwxKSxyZ2JhKDAsMCwwLDApKTsKCQkJLXdlYmtpdC1tYXNr LWltYWdlOiAtd2Via2l0LXJhZGlhbC1ncmFkaWVudChyZ2JhKDAsMCwwLDEpIDUwJSxyZ2JhKDAs MCwwLDApIDYwJSkKCQl9CgoJCSN0ZXN0MiB7CgkJCS13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xh dGVYKDApOwoJCX0KCQkjdGVzdDMgewoJCQktd2Via2l0LXRyYW5zZm9ybTogdHJhbnNsYXRlWSgw KTsKCQl9CgkJI3Rlc3Q0IHsKCQkJLXdlYmtpdC10cmFuc2Zvcm06IHRyYW5zbGF0ZVooMCk7CgkJ CWJhY2tncm91bmQtY29sb3I6IHJlZDsKCQl9Cgk8L3N0eWxlPgo8L2hlYWQ+Cjxib2R5PgoJPGgx Pjxjb2RlPi13ZWJraXQtbWFzay1pbWFnZTwvY29kZT4gYnJlYWtzIHdoZW4gdXNpbmcgM0QgdHJh bnNmb3JtcyBpbiBDaHJvbWU8L2gxPgoJPHA+U2xvd2x5IHJlc2l6ZSB0aGUgYnJvd3NlciB3aW5k b3cgc28gdGhhdCBpdCBiZWNvbWVzIHNtYWxsZXIgdGhhbiB0aGUgZG9jdW1lbnRzIGhlaWdodC4g Tm90aWNlIGhvdyB0aGUgbWFzayBvZiB0aGUgcmVkIGNpcmNsZSBzaHJpbmtzIHdpdGggdGhlIHZp ZXdwb3J0PzwvcD4KCTxkaXYgaWQ9InRlc3QxIiBjbGFzcz0idGVzdCI+Y29udHJvbDwvZGl2PgoJ PGRpdiBpZD0idGVzdDIiIGNsYXNzPSJ0ZXN0Ij50cmFuc2xhdGVYKDApPC9kaXY+Cgk8ZGl2IGlk PSJ0ZXN0MyIgY2xhc3M9InRlc3QiPnRyYW5zbGF0ZVkoMCk8L2Rpdj4KCTxkaXYgaWQ9InRlc3Q0 IiBjbGFzcz0idGVzdCI+dHJhbnNsYXRlWFooMCk8L2Rpdj4KPC9ib2R5Pgo8L2h0bWw+ 153065 2012-07-18 12:30:13 -0700 2012-07-18 12:30:13 -0700 updated test webkitbug.html text/html 1019 ap PCFkb2N0eXBlIGh0bWw+CjxodG1sPgo8aGVhZD4KCTxzdHlsZT4KCQlodG1sLGJvZHkgewoJCQlo ZWlnaHQ6MTAwJTsKCQl9CgkJaHRtbCB7CgkJCWJhY2tncm91bmQ6ICNjY2MKCQl9CgkJLnRlc3Qg ewoJCQl3aWR0aDogMTUwcHg7CgkJCWNvbG9yOndoaXRlOwoJCQl0ZXh0LWFsaWduOiBjZW50ZXI7 CgkJCWxpbmUtaGVpZ2h0OiAxNTBweDsKCQkJYmFja2dyb3VuZDogZ3JlZW4gLXdlYmtpdC1saW5l YXItZ3JhZGllbnQocmdiYSgwLDAsMCwxKSxyZ2JhKDAsMCwwLDApKTsKCQkJLXdlYmtpdC1tYXNr LWltYWdlOiAtd2Via2l0LXJhZGlhbC1ncmFkaWVudChyZ2JhKDAsMCwwLDEpIDUwJSxyZ2JhKDAs MCwwLDApIDYwJSkKCQl9CgoJCSN0ZXN0MiB7CgkJCS13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xh dGVYKDApOwoJCX0KCQkjdGVzdDMgewoJCQktd2Via2l0LXRyYW5zZm9ybTogdHJhbnNsYXRlWSgw KTsKCQl9CgkJI3Rlc3Q0IHsKCQkJLXdlYmtpdC10cmFuc2Zvcm06IHRyYW5zbGF0ZVooMCk7CgkJ CWJhY2tncm91bmQtY29sb3I6IHJlZDsKCQl9Cgk8L3N0eWxlPgo8L2hlYWQ+Cjxib2R5PgoJPGgx Pjxjb2RlPi13ZWJraXQtbWFzay1pbWFnZTwvY29kZT4gYnJlYWtzIHdoZW4gdXNpbmcgM0QgdHJh bnNmb3JtcyBpbiBDaHJvbWU8L2gxPgoJPHA+U2xvd2x5IHJlc2l6ZSB0aGUgYnJvd3NlciB3aW5k b3cgc28gdGhhdCBpdCBiZWNvbWVzIHNtYWxsZXIgdGhhbiB0aGUgZG9jdW1lbnRzIGhlaWdodC4g Tm90aWNlIGhvdyB0aGUgbWFzayBvZiB0aGUgcmVkIGNpcmNsZSBzaHJpbmtzIHdpdGggdGhlIHZp ZXdwb3J0PzwvcD4KCTxkaXYgaWQ9InRlc3QxIiBjbGFzcz0idGVzdCI+Y29udHJvbDwvZGl2PgoJ PGRpdiBpZD0idGVzdDIiIGNsYXNzPSJ0ZXN0Ij50cmFuc2xhdGVYKDApPC9kaXY+Cgk8ZGl2IGlk PSJ0ZXN0MyIgY2xhc3M9InRlc3QiPnRyYW5zbGF0ZVkoMCk8L2Rpdj4KCTxkaXYgaWQ9InRlc3Q0 IiBjbGFzcz0idGVzdCI+dHJhbnNsYXRlWigwKTwvZGl2Pgo8L2JvZHk+CjwvaHRtbD4=