{"action":"opened","issue":{"url":"https://api.github.com/repos/w3c/csswg-drafts/issues/2646","repository_url":"https://api.github.com/repos/w3c/csswg-drafts","labels_url":"https://api.github.com/repos/w3c/csswg-drafts/issues/2646/labels{/name}","comments_url":"https://api.github.com/repos/w3c/csswg-drafts/issues/2646/comments","events_url":"https://api.github.com/repos/w3c/csswg-drafts/issues/2646/events","html_url":"https://github.com/w3c/csswg-drafts/issues/2646","id":320602814,"number":2646,"title":"[cssom] [css-scoping] Stylesheet title and Shadow DOM","user":{"login":"emilio","id":1323194,"avatar_url":"https://avatars1.githubusercontent.com/u/1323194?v=4","gravatar_id":"","url":"https://api.github.com/users/emilio","html_url":"https://github.com/emilio","followers_url":"https://api.github.com/users/emilio/followers","following_url":"https://api.github.com/users/emilio/following{/other_user}","gists_url":"https://api.github.com/users/emilio/gists{/gist_id}","starred_url":"https://api.github.com/users/emilio/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/emilio/subscriptions","organizations_url":"https://api.github.com/users/emilio/orgs","repos_url":"https://api.github.com/users/emilio/repos","events_url":"https://api.github.com/users/emilio/events{/privacy}","received_events_url":"https://api.github.com/users/emilio/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-05-06T15:36:45Z","updated_at":"2018-05-06T15:36:45Z","closed_at":null,"author_association":"COLLABORATOR","body":"See the following test-case:\r\n\r\n```html\r\n<!doctype html>\r\n<div id=\"host\"></div>\r\n<script>\r\n  host.attachShadow({ mode: \"open\" }).innerHTML = `\r\n    <style>\r\n      div { color: purple; }\r\n    </style>\r\n    <style title=\"Foo\">\r\n      div { color: green; }\r\n    </style>\r\n    <style title=\"Bar\">\r\n      div { color: red }\r\n    </style>\r\n    <div>Which color am I?\r\n  `;\r\n  console.log(host.shadowRoot.styleSheets[0].title);\r\n  console.log(host.shadowRoot.styleSheets[1].title);\r\n  console.log(host.shadowRoot.styleSheets[2].title);\r\n</script>\r\n```\r\n\r\nFor this very simple test-case:\r\n\r\n * Blink shows red (which means that they apply all the stylesheets).\r\n * WebKit shows green (do they apply the \"preferred\" sheet per subtree? Or they just tweak the global state?).\r\n * Gecko shows green because it tweaks the global state, but with patches of mine they'd turn purple. I guess I'll turn it red now, but worth considering this.\r\n\r\nBlink also doesn't set the stylesheet `title` property. @lilles is there any reasoning for that? Looks like a bug to me.\r\n\r\ncc @rniwa"}}
{"actor":{"display_login":"emilio"}}