Skip to content

Commit

Permalink
Split <slot> into two features and add statuses (#880)
Browse files Browse the repository at this point in the history
  • Loading branch information
foolip authored Apr 22, 2024
1 parent c48a535 commit 377d7af
Show file tree
Hide file tree
Showing 4 changed files with 71 additions and 4 deletions.
23 changes: 23 additions & 0 deletions feature-group-definitions/slot-assign.dist.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
# Generated from: slot-assign.yml
# Do not edit this file by hand. Edit the source file instead!

name: Imperative slot assignment
description: The `assign()` method for `<slot>` elements assigns nodes to the slot, as an alternative to using the `slot` and `name` HTML attributes. The nodes must be children of a shadow host and the shadow root must be created with the `slotAssignment` set to "manual". Also known as manual slot assignment.
spec: https://html.spec.whatwg.org/multipage/scripting.html#dom-slot-assign
status:
baseline: low
baseline_low_date: 2023-03-27
support:
chrome: "86"
chrome_android: "86"
edge: "86"
firefox: "92"
firefox_android: "92"
safari: "16.4"
safari_ios: "16.4"
# The spec PRs called this the Imperative Slot API:
# https://github.com/whatwg/dom/pull/966
# https://github.com/whatwg/html/pull/6561
compat_features:
- api.HTMLSlotElement.assign
- api.ShadowRoot.slotAssignment
9 changes: 9 additions & 0 deletions feature-group-definitions/slot-assign.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
name: Imperative slot assignment
description: The `assign()` method for `<slot>` elements assigns nodes to the slot, as an alternative to using the `slot` and `name` HTML attributes. The nodes must be children of a shadow host and the shadow root must be created with the `slotAssignment` set to "manual". Also known as manual slot assignment.
spec: https://html.spec.whatwg.org/multipage/scripting.html#dom-slot-assign
# The spec PRs called this the Imperative Slot API:
# https://github.com/whatwg/dom/pull/966
# https://github.com/whatwg/html/pull/6561
compat_features:
- api.HTMLSlotElement.assign
- api.ShadowRoot.slotAssignment
35 changes: 35 additions & 0 deletions feature-group-definitions/slot.dist.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
# Generated from: slot.yml
# Do not edit this file by hand. Edit the source file instead!

name: <slot>
description: The `<slot>` HTML element is a placeholder inside a web component where consumers of the component can insert their own markup.
spec: https://html.spec.whatwg.org/multipage/scripting.html#the-slot-element
group: html
usage_stats: https://chromestatus.com/metrics/feature/timeline/popularity/1898
status:
baseline: high
baseline_low_date: 2020-01-15
baseline_high_date: 2022-07-15
support:
chrome: "53"
chrome_android: "53"
edge: "79"
firefox: "63"
firefox_android: "63"
safari: "10"
safari_ios: "10"
compat_features:
- api.Element.assignedSlot
- api.Element.slot
- api.HTMLSlotElement
- api.HTMLSlotElement.assignedNodes
# A later minor addition (element subset of assignedNodes)
# - api.HTMLSlotElement.assignedElements
- api.HTMLSlotElement.name
# https://github.com/mdn/browser-compat-data/pull/22826
# - api.HTMLSlotElement.slotchange_event
- api.Text.assignedSlot
- css.selectors.slotted
- html.elements.slot
- html.elements.slot.name
- html.global_attributes.slot
8 changes: 4 additions & 4 deletions feature-group-definitions/slot.yml
Original file line number Diff line number Diff line change
Expand Up @@ -7,12 +7,12 @@ compat_features:
- api.Element.assignedSlot
- api.Element.slot
- api.HTMLSlotElement
- api.HTMLSlotElement.assign
- api.HTMLSlotElement.assignedElements
- api.HTMLSlotElement.assignedNodes
# A later minor addition (element subset of assignedNodes)
# - api.HTMLSlotElement.assignedElements
- api.HTMLSlotElement.name
- api.HTMLSlotElement.slotchange_event
- api.ShadowRoot.slotAssignment
# https://github.com/mdn/browser-compat-data/pull/22826
# - api.HTMLSlotElement.slotchange_event
- api.Text.assignedSlot
- css.selectors.slotted
- html.elements.slot
Expand Down

0 comments on commit 377d7af

Please sign in to comment.