233469 2021-11-24 01:06:57 -0800 iOS Safari CSS clip-path applied incorrectly inside overflow hidden container 2021-11-29 02:56:03 -0800 1 1 1 Unclassified WebKit CSS WebKit Nightly Build iPhone / iPad iOS 15 RESOLVED DUPLICATE 231852 https://bugs.webkit.org/show_bug.cgi?id=231852 https://bugs.webkit.org/show_bug.cgi?id=126207 https://codepen.io/jelmerdemaat/pen/WNEPjJO P2 Normal --- 1 post webkit-unassigned ap simon.fraser oldest_to_newest 1817600 0 445078 post 2021-11-24 01:06:57 -0800 Created attachment 445078 HTML file showing the bug on iOS Bug #231852 status is RESOLVED FIXED, but it isn't fixed. Attached HTML file shows multiple examples of an incorrectly applied CSS `clip-path` when the parent element has an `overflow` of: - hidden - auto - overlay - scroll The `clip-path` is correctly restored when an animation is applied to the target element. Note that the defined SVG clip path has an attribute of clipPathUnits="objectBoundingBox". This happens on iOS Safari in every version I test it with (13, 14, 15). When `transform: translate3d(0,0,0):` is applied to the target <img> element, the entire element disappears. Not sure if related to this issue. This last issue also appears in Safari for macOS. Link to the same attachment as Codepen demo: https://codepen.io/jelmerdemaat/pen/WNEPjJO 1818106 1 ap 2021-11-28 17:42:36 -0800 Bug 231852 was fixed just a month ago, and the fix hasn't shipped in iOS yet (we cannot discuss the timeline of when it will ship). You can verify the fix on macOS with Safari Technology Preview. > When `transform: translate3d(0,0,0):` is applied to the target <img> element, the entire element disappears. Not sure if related to this issue. This still reproduces. Please file a new report if you believe this to be a WebKit bug. *** This bug has been marked as a duplicate of bug 231852 *** 1818136 2 post 2021-11-28 23:54:46 -0800 Thanks, works in Safari Technology Preview indeed. Sorry I hadn't realised it being fixed already. Will take a closer look at the other issue and submit a new one. 1818171 3 post 2021-11-29 02:56:03 -0800 Created a new issue at https://bugs.webkit.org/show_bug.cgi?id=233553 445078 2021-11-24 01:06:57 -0800 2021-11-24 01:06:57 -0800 HTML file showing the bug on iOS ios-clip-path.html text/html 2371 post PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJz ZXQ9IlVURi04IiAvPgoKICAgIDx0aXRsZT5CdWcgU1ZHIGNsaXAgcGF0aCBvbiBpT1M8L3RpdGxl PgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwg aW5pdGlhbC1zY2FsZT0xIiAvPgogICAgPGxpbmsKICAgICAgcmVsPSJzdHlsZXNoZWV0IgogICAg ICBocmVmPSJodHRwczovL2NkbmpzLmNsb3VkZmxhcmUuY29tL2FqYXgvbGlicy9ub3JtYWxpemUv NS4wLjAvbm9ybWFsaXplLm1pbi5jc3MiCiAgICAvPgoKICAgIDxzdHlsZT4KICAgICAgaW1nLAog ICAgICAuc3F1YXJlIHsKICAgICAgICAtd2Via2l0LWNsaXAtcGF0aDogdXJsKCNib3ctc2hhcGUp OwogICAgICAgIGNsaXAtcGF0aDogdXJsKCNib3ctc2hhcGUpOwogICAgICB9CgogICAgICAuY29u dGFpbmVyIHsKICAgICAgICBvdmVyZmxvdzogaGlkZGVuOwogICAgICB9CgogICAgICAuY29ycmVj dGVkIHsKICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDAsIDApOwogICAgICB9Cgog ICAgICAuc3F1YXJlIHsKICAgICAgICB3aWR0aDogMjUwcHg7CiAgICAgICAgaGVpZ2h0OiAyNTBw eDsKICAgICAgICBiYWNrZ3JvdW5kOiBibHVldmlvbGV0OwogICAgICB9CgogICAgICBAa2V5ZnJh bWVzIHNsaWRlIHsKICAgICAgICB0byB7CiAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgo MTAwJSk7CiAgICAgICAgfQogICAgICB9CgogICAgICAuYW5pbWF0aW5nIHsKICAgICAgICBhbmlt YXRpb246IHNsaWRlIDJzIGVhc2UtaW4tb3V0IGFsdGVybmF0ZSBpbmZpbml0ZTsKICAgICAgfQog ICAgPC9zdHlsZT4KICA8L2hlYWQ+CgogIDxib2R5IHRyYW5zbGF0ZT0ibm8iPgogICAgPHN2Zwog ICAgICBjbGFzcz0iY2xpcC1wYXRoLXNoYXBlIgogICAgICB3aWR0aD0iMCIKICAgICAgaGVpZ2h0 PSIwIgogICAgICB2aWV3Qm94PSIwIDAgMSAxIgogICAgICBmb2N1c2FibGU9ImZhbHNlIgogICAg ICBhcmlhLWhpZGRlbj0idHJ1ZSIKICAgID4KICAgICAgPGRlZnM+CiAgICAgICAgPGNsaXBQYXRo IGlkPSJib3ctc2hhcGUiIGNsaXBQYXRoVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij4KICAgICAg ICAgIDxwYXRoCiAgICAgICAgICAgIGQ9Ik0wLDAgTDAuMjA0OTcxNzY4LDAuNjg2MDEzMjEyIEMw LjI2NzMzNTY0OSwwLjg5NTMzNzczNyAwLjM2ODAzOTQsMSAwLjUwNzA4MzAyMywxIEMwLjY0NjEy NjY0NSwxIDAuODEwNDMyMzA0LDEgMSwxIEwxLDAgTDAsMCBaIgogICAgICAgICAgPjwvcGF0aD4K ICAgICAgICA8L2NsaXBQYXRoPgogICAgICA8L2RlZnM+CiAgICA8L3N2Zz4KCiAgICA8ZGl2Pgog ICAgICA8cD5Ob3JtYWwgY2xpcC1wYXRoOjwvcD4KCiAgICAgIDxpbWcgc3JjPSJodHRwczovL3Bs YWNlaW1nLmNvbS8yNTAvMjUwL25hdHVyZSIgd2lkdGg9IjI1MCIgaGVpZ2h0PSIyNTAiIC8+CiAg ICA8L2Rpdj4KCiAgICA8ZGl2IGNsYXNzPSJjb250YWluZXIiPgogICAgICA8cD4KICAgICAgICBX cm9uZ2x5IGNsaXBwZWQgPGNvZGU+Jmx0O2ltZyZndDs8L2NvZGU+IGluc2lkZQogICAgICAgIDxj b2RlPm92ZXJmbG93OiBoaWRkZW47PC9jb2RlPiBjb250YWluZXI6CiAgICAgIDwvcD4KCiAgICAg IDxpbWcgc3JjPSJodHRwczovL3BsYWNlaW1nLmNvbS8yNTAvMjUwL25hdHVyZSIgd2lkdGg9IjI1 MCIgaGVpZ2h0PSIyNTAiIC8+CiAgICA8L2Rpdj4KCiAgICA8ZGl2IGNsYXNzPSJjb250YWluZXIi PgogICAgICA8cD4KICAgICAgICBDbGlwcGVkIChidXQgaW52aXNpYmxlPykgPGNvZGU+Jmx0O2lt ZyZndDs8L2NvZGU+IGluc2lkZQogICAgICAgIDxjb2RlPm92ZXJmbG93OiBoaWRkZW47PC9jb2Rl PiBjb250YWluZXIgYmVjYXVzZSBvZgogICAgICAgIDxjb2RlPnRyYW5zZm9ybTogdHJhbnNsYXRl M2QoMCwwLDApPC9jb2RlPjoKICAgICAgPC9wPgoKICAgICAgPGltZwogICAgICAgIHNyYz0iaHR0 cHM6Ly9wbGFjZWltZy5jb20vMjUwLzI1MC9uYXR1cmUiCiAgICAgICAgd2lkdGg9IjI1MCIKICAg ICAgICBoZWlnaHQ9IjI1MCIKICAgICAgICBjbGFzcz0iY29ycmVjdGVkIgogICAgICAvPgogICAg PC9kaXY+CgogICAgPGRpdiBjbGFzcz0iY29udGFpbmVyIj4KICAgICAgPHA+V3JvbmdseSBjbGlw cGVkIGRpdjo8L3A+CiAgICAgIDxkaXYgY2xhc3M9InNxdWFyZSI+PC9kaXY+CiAgICA8L2Rpdj4K CiAgICA8ZGl2IGNsYXNzPSJjb250YWluZXIiPgogICAgICA8cD5Db3JyZWN0bHkgY2xpcHBlZCBk aXYsIGFuaW1hdGluZzo8L3A+CiAgICAgIDxkaXYgY2xhc3M9InNxdWFyZSBhbmltYXRpbmciPjwv ZGl2PgogICAgPC9kaXY+CiAgPC9ib2R5Pgo8L2h0bWw+Cg==