19203 2008-05-22 19:00:36 -0700 CSS masks should not clip by default (add a value of "none" to mask-clip property) 2022-07-11 16:24:37 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) Mac OS X 10.5 RESOLVED CONFIGURATION CHANGED P2 Normal --- 95389 1 cj webkit-unassigned bfulgham hyatt krit mitz simon.fraser syoichi oldest_to_newest 81266 0 cj 2008-05-22 19:00:36 -0700 If you add a CSS mask to an object that has a CSS reflect, the reflection no longer appears. CSS transforms don't play nice with CSS reflect either. May be linked. See bug https://bugs.webkit.org/show_bug.cgi?id=19179 also see test case 81267 1 21306 cj 2008-05-22 19:02:22 -0700 Created attachment 21306 shows two boxes with reflection: one has a mask, other does not 81269 2 21307 cj 2008-05-22 19:14:18 -0700 Created attachment 21307 reflection on masked object is partially revealed if the object is skewed 81651 3 hyatt 2008-05-27 14:33:18 -0700 It is at the moment correct behavior that a mask causes a reflection to disappear. We will have to add a new value to mask-clip (something like "none") and make it the default in order to fix this. Note that the same thing happens with box-shadow (the shadow will disappear). This is happening because mask-clip is defaulting to a value of "border", which means it is clipping out everything outside the border. 81652 4 hyatt 2008-05-27 14:34:57 -0700 Another option is to just say that the mask *never* masks anything outside the border box for any value of mask-clip. 116984 5 cj 2009-04-08 20:57:59 -0700 this behavior has changed in Webkit nightly build 530.6 in the second test, the skewed box shows no reflection at all, instead of just the portion of the shadow that fits within the border of where the box would be if it were not skewed (like it does with the current Safari 4.0 Beta) 773560 6 krit 2012-11-21 22:12:03 -0800 (In reply to comment #4) > Another option is to just say that the mask *never* masks anything outside the border box for any value of mask-clip. The CSS WG decided to add a new keyword, which will most likely be 'no-clip'. 1882201 7 bfulgham 2022-07-11 16:24:37 -0700 Safari, Chrome, and Firefox show the same rendering behavior for this test case. I do not believe any further compatibility issue remains. 21306 2008-05-22 19:02:22 -0700 2008-05-22 19:02:22 -0700 shows two boxes with reflection: one has a mask, other does not maskandreflection.html text/html 492 cj PHN0eWxlPg0KI2JveCB7DQoJcG9zaXRpb246IGFic29sdXRlOw0KCXdpZHRoOjE3MDsNCgloZWln aHQ6MTcwOw0KCWJhY2tncm91bmQtY29sb3I6IHJlZDsNCgktd2Via2l0LWJvcmRlci1yYWRpdXM6 IDEwcHg7DQoJLXdlYmtpdC1ib3gtcmVmbGVjdDogYmVsb3cgMHB4IA0KCQktd2Via2l0LWdyYWRp ZW50KGxpbmVhciwgbGVmdCB0b3AsIGxlZnQgYm90dG9tLCBmcm9tKHRyYW5zcGFyZW50KSwgY29s b3Itc3RvcCguNywgdHJhbnNwYXJlbnQpLCB0byhyZ2JhKDAsMCwwLC41KSkpOw0KfQ0KPC9zdHls ZT4KDQo8ZGl2IGlkPSJib3giIHN0eWxlPSIKCWxlZnQ6IDIwcHg7CiI+PC9kaXY+DQoKPGRpdiBp ZD0iYm94IiBzdHlsZT0iCglsZWZ0OiAyMDBweDsKCS13ZWJraXQtbWFzay1pbWFnZTogLXdlYmtp dC1ncmFkaWVudChsaW5lYXIsIGxlZnQgdG9wLCBsZWZ0IGJvdHRvbSwgZnJvbShyZ2JhKDAsMCww LC41KSksIHRvKHJnYmEoMCwwLDAsMSkpKTsNCiI+PC9kaXY+ 21307 2008-05-22 19:14:18 -0700 2008-05-22 19:14:18 -0700 reflection on masked object is partially revealed if the object is skewed maskandreflectionwithskew.html text/html 499 cj PHN0eWxlPg0KI2JveCB7DQoJcG9zaXRpb246IGFic29sdXRlOw0KCXdpZHRoOjE3MDsNCgloZWln aHQ6MTcwOw0KCWJhY2tncm91bmQtY29sb3I6IHJlZDsNCgktd2Via2l0LWJveC1yZWZsZWN0OiBi ZWxvdyAwcHggDQoJCS13ZWJraXQtZ3JhZGllbnQobGluZWFyLCBsZWZ0IHRvcCwgbGVmdCBib3R0 b20sIGZyb20odHJhbnNwYXJlbnQpLCBjb2xvci1zdG9wKC43LCB0cmFuc3BhcmVudCksIHRvKHJn YmEoMCwwLDAsLjUpKSk7DQp9DQo8L3N0eWxlPgoNCjxkaXYgaWQ9ImJveCIgc3R5bGU9IgoJbGVm dDogMjBweDsKIj48L2Rpdj4NCgo8ZGl2IGlkPSJib3giIHN0eWxlPSIKCWxlZnQ6IDIwMHB4OwoJ LXdlYmtpdC10cmFuc2Zvcm06IHNrZXcoMGRlZywxMGRlZyk7Cgktd2Via2l0LW1hc2staW1hZ2U6 IC13ZWJraXQtZ3JhZGllbnQobGluZWFyLCBsZWZ0IHRvcCwgbGVmdCBib3R0b20sIGZyb20ocmdi YSgwLDAsMCwuNSkpLCB0byhyZ2JhKDAsMCwwLDEpKSk7DQoiPjwvZGl2Pg==