Slots in a flat tree

Web Components

The <slot> element can now participate in a flat (layout) tree, with UA style: display: contents. Before this change, applying a CSS selector to a <slot> element had no effect. Not only is this fixed, when selectors are applied to a <slot> element, it's children inherit its styles.

Specification

Established standard

Status in Chromium

Blink>DOM>ShadowDOM


Enabled by default (tracking bug) in:

  • Chrome for desktop release 67
  • Chrome for Android release 67
  • Opera release 54
  • Opera for Android release 54

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

  • Public support
  • Public support
  • Shipped
  • No signals

Owner

Last updated on 2018-05-15