Re: [csswg-drafts] [css-scoping] Handling global name-defining constructs in shadow trees

Current chrome behavior is somewhat broken, leaking `@keyframe` names from inside the shadow root, fwiw. The following test-case fails on Chrome, for example, showing red:

```html
<!doctype html>
<style>
#host {
  width: 100px;
  height: 100px;
  background: green;
  animation: myanim 10s infinite;
}
</style>
<div id="host"></div>
<script>
  host.attachShadow({ mode: "open" }).innerHTML = `
    <style>
      @keyframes myanim {
        from { background: red; }
        to { background: red; }
      }
    </style>
  `;
</script>
```

What WebKit does makes sense (it keeps track of the scope the rule that ended up in the declaration). But that feels somewhat like a layering violation, having to propagate the cascade order down so much.

-- 
GitHub Notification of comment by emilio
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1995#issuecomment-385622282 using your GitHub account

Received on Tuesday, 1 May 2018 08:13:49 UTC