Re: [webcomponents] [Shadow] Section 2.4 - CSS inherit by default? (#314)

It seems that the discussion about custom properties/custom pseudos/custom property sets can be a
different issue than this thread was about originally, that is, whether styles are inherited at
shadow boundary or not.  Is it #300?

Back to the original problem, we still can be either way.

Blink adopts 'inherit style by default' for both open/closed (and UA) shadows. As esprehn explained,
the behavior is consistent with platform (e.g. <input> is composed of UA shadows, say, setting
input { font-size: xx; } can affect the font size inside <input>'s internal editing area etc.).

When we adopt "not inherit by default" (for both open/closed shadows, as @dglazkov say),
how we allow inheriting of specific properties on a shadow boundary?
(e.g. ShadowRoot.allowStyleInheritance = "font-size" or in CSS, ":root { font-size: inherit }
any ideas?)

Also, how is a distributed element styled? e.g.

<div>
   :shadow-root
       <slot>
           ...slotted <span> inserted here
       </slot>
   <span>How am I styled?</span>
</div>

There is also a boundary between <slot> and slotted <span> in the composed tree.



---
Reply to this email directly or view it on GitHub:
https://github.com/w3c/webcomponents/issues/314#issuecomment-143641335