- From: Ryosuke Niwa <notifications@github.com>
- Date: Sun, 27 Sep 2015 22:04:37 -0700
- To: w3c/webcomponents <webcomponents@noreply.github.com>
Received on Monday, 28 September 2015 05:05:10 UTC
> Blink adopts 'inherit style by default' for both open/closed (and UA) shadows. As esprehn explained,
the behavior is consistent with platform (e.g. is composed of UA shadows, say, setting
input { font-size: xx; } can affect the font size inside 's internal editing area etc.).
On the other hand, `<b><button>hello</button></b>` does not bold the text inside the button so the platform itself is quite inconsistent at the moment.
> 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?
`:host {font-size: inherit}` would do since ShadowRoot doesn't generate a CSS box (like an element with `display: contents`).
> Also, how is a distributed element styled?
How a slotted element styled and whether style should inherit from slot elements that got assigned of those elements is a separate question. Let's not conflate that discussion into here.
---
Reply to this email directly or view it on GitHub:
https://github.com/w3c/webcomponents/issues/314#issuecomment-143642049
Received on Monday, 28 September 2015 05:05:10 UTC