58684 2011-04-15 13:02:47 -0700 REGRESSION: CSS leaks in shadow DOM 2011-04-17 07:13:34 -0700 1 1 1 Unclassified WebKit New Bugs 528+ (Nightly build) Mac (Intel) OS X 10.6 RESOLVED DUPLICATE 52917 P1 Normal --- 0 marc.hoyois webkit-unassigned ap dglazkov eric.carlson oldest_to_newest 386857 0 marc.hoyois 2011-04-15 13:02:47 -0700 Overview: CSS selectors apply to shadow DOM elements that should only be targetable using pseudo-elements. For example, if a pseudo-element is a <div> in the shadow DOM, then any rule in div { … } will apply to it. Steps to reproduce: Open the attached HTML page. It contains a simple <video> element and two CSS selectors, div and input. Expected result: The video element should look as it does in Safari 5.0.5. Actual result: Buttons in the video controls are replaced by red backgrounds, and the font-size of text in the controls is 30px. Build: Tested with WebKit 6533.21.1, r83831 on OS X 10.6.7. Works fine in Safari 5.0.5. I have heard that the bug also happens in Safari 5.1. Notes: The shadow DOM of the video controls in this example is <div><div><input><input><input><div>Loading...</div><div><div>00:00</div><input precision="float" max="60.08"><div>-01:00</div></div><input><input><input><input><input><div><input precision="float" max="1" value="1"></div></div></div> (This can be seen in Safari 5.0.5 through the relatedTarget property of a mouseout event; a bug that appears to be fixed in the nightlies). However, the CSS should not apply since these elements are not in the DOM. 386859 1 89839 marc.hoyois 2011-04-15 13:03:17 -0700 Created attachment 89839 Simple HTML file reproducing the bug 387348 2 dglazkov 2011-04-17 07:13:34 -0700 *** This bug has been marked as a duplicate of bug 52917 *** 89839 2011-04-15 13:03:17 -0700 2011-04-15 13:03:17 -0700 Simple HTML file reproducing the bug shadowDOMleakCSS.html text/html 342 marc.hoyois PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KICAgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+ CiAgICA8IS0tCiAgICAgICAgZGl2IHsKICAgICAgICAgICAgZm9udC1zaXplOiAzMHB4OwogICAg ICAgIH0KICAgICAgICBpbnB1dCB7CiAgICAgICAgICAgIC13ZWJraXQtYXBwZWFyYW5jZTogbm9u ZTsKICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmVkOwogICAgICAgIH0KICAgIC0tPgog ICAgPC9zdHlsZT4KPC9oZWFkPgo8Ym9keT4KICAgIDx2aWRlbyBjb250cm9scyBzcmM9Imh0dHA6 Ly9jbGlwcy52b3J3YWVydHMtZ21iaC5kZS9WZkVfaHRtbDUubXA0Ij48L3ZpZGVvPgo8L2JvZHk+