100332 2012-10-24 23:04:24 -0700 [ShadowDOM]: Styles in shadow element presents in document.styleSheets collection 2019-10-04 22:21:28 -0700 1 1 1 Unclassified WebKit DOM 528+ (Nightly build) PC Windows 7 RESOLVED CONFIGURATION CHANGED P2 Normal --- 63606 103230 0 sgrekhov webcomponents-bugzilla a.semenov dglazkov morrita rniwa shinyak webcomponents-bugzilla oldest_to_newest 750392 0 sgrekhov 2012-10-24 23:04:24 -0700 Found in Chrome 22.0.1229.94 m According Shadow DOM spacification styles added to the shadow element shouldn't be exposed via document.styleSheet collection (http://www.w3.org/TR/shadow-dom/#upper-boundary-encapsulation) but in fact these styles are visible. The following test fails: var SR = window.ShadowRoot || window.WebKitShadowRoot; var iframe = document.createElement('iframe'); iframe.src = 'resources/blank.html'; document.body.appendChild(iframe); iframe.onload = function () { try { var d = iframe.contentDocument; var s = new SR(d.head); var style = d.createElement('style'); s.appendChild(style); assert_equals(d.styleSheets.length, 0, 'style elements in shadow DOM must not be exposed via ' + 'the document.styleSheets collection'); } finally { iframe.parentNode.removeChild(iframe); } }; blank.html in the test above is the simple page with the following HTML: <!DOCTYPE html> <html> <head></head> <body></body> </html> Please note that the similar tests for links (instead of style link to the css file is being created) works well. Exact code is: var link = d.createElement('link'); link.setAttribute('rel', 'stylesheet'); link.setAttribute('href', 'testharness.css'); s.appendChild(link); The link from the above is not visible via document.styleSheets collection 855688 1 morrita 2013-03-14 21:59:11 -0700 *** Bug 105274 has been marked as a duplicate of this bug. *** 1577155 2 rniwa 2019-10-04 22:21:28 -0700 This has been fixed for v1 API.