Re: [csswg-drafts] [css-lists] How do counters and Shadow DOM interact?

> Correct, inheritance still works on the original DOM tree, with shadow trees appended. (In particular, light-dom children of a shadow host inherit directly from the shadow host, not whatever slot they might get distributed to.)

Wait, what? Inheritance does definitely happen on the light tree, as this test-case shows:

```html
<!doctype html>
<div id="host" style="color: red">
  <span>I should be green.</span>
</div>
<script>
  host.attachShadow({ mode: "open" }).innerHTML = `<slot style="color: green"></slot>`;
</script>
```

It shows red in older chromium versions because `<slot>` wasn't part of the flat tree there.

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

Received on Friday, 18 May 2018 13:53:44 UTC