Re: [WICG/webcomponents] "open-stylable" Shadow Roots (#909)

-----

And just to throw another idea into the arena:

```
<my-component>
   <template  shadowrootmode="open">
      <style adopt="all" layer="outside">
   </template>
</my-component>
```

Maybe this would be better done with a `<link>` tag, or something else entirely, but you get the basic idea. It just feels more appropriate to put this option in the HTML of the shadow-DOM instead of setting it via JavaScript or by extending CSS.

Pros:
* Works with declarative shadow DOM
* Could be extended in the future by allowing other values than `"all"` (I'm thinking individual layers, maybe?)
* Put outside styles in a layer to more easily override them

Cons:
* All-or-nothing solution (does not address #986) (again, some granularity could be added later on)

-- 
Reply to this email directly or view it on GitHub:
https://github.com/WICG/webcomponents/issues/909#issuecomment-1952054895
You are receiving this because you are subscribed to this thread.

Message ID: <WICG/webcomponents/issues/909/1952054895@github.com>