From a009ee5e5d122d645c539ca7c311eb0bfc6f13ff Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Mon, 25 Nov 2024 10:44:21 -0500 Subject: [PATCH 1/2] Add has-slotted, decompose slot to override BCD tags --- features/has-slotted.yml | 8 ++++++++ features/has-slotted.yml.dist | 8 ++++++++ features/slot.yml | 13 +++++++++++++ features/slot.yml.dist | 4 ---- 4 files changed, 29 insertions(+), 4 deletions(-) create mode 100644 features/has-slotted.yml create mode 100644 features/has-slotted.yml.dist diff --git a/features/has-slotted.yml b/features/has-slotted.yml new file mode 100644 index 00000000000..695bf38dd6c --- /dev/null +++ b/features/has-slotted.yml @@ -0,0 +1,8 @@ +name: :has-slotted +description: The `:has-slotted` CSS pseudo-class matches `` elements with any slotted content, including whitespace, text nodes, or elements. It can be used to determine that a ``'s fallback content is not displayed. +spec: https://drafts.csswg.org/css-scoping-1/#the-has-slotted-pseudo +group: + - selectors + - web-components +compat_features: + - css.selectors.has-slotted diff --git a/features/has-slotted.yml.dist b/features/has-slotted.yml.dist new file mode 100644 index 00000000000..4d4817172ea --- /dev/null +++ b/features/has-slotted.yml.dist @@ -0,0 +1,8 @@ +# Generated from: has-slotted.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: false + support: {} +compat_features: + - css.selectors.has-slotted diff --git a/features/slot.yml b/features/slot.yml index 41d5b74e0a7..6a2e466dfc7 100644 --- a/features/slot.yml +++ b/features/slot.yml @@ -6,3 +6,16 @@ group: - web-components status: compute_from: html.elements.slot +compat_features: + - api.Element.assignedSlot + - api.Element.slot + - api.HTMLSlotElement + - api.HTMLSlotElement.assignedElements + - api.HTMLSlotElement.assignedNodes + - api.HTMLSlotElement.name + - api.HTMLSlotElement.slotchange_event + - api.Text.assignedSlot + - css.selectors.slotted + - html.elements.slot + - html.elements.slot.name + - html.global_attributes.slot diff --git a/features/slot.yml.dist b/features/slot.yml.dist index 5c6a1ce9e5f..a9df54c11f4 100644 --- a/features/slot.yml.dist +++ b/features/slot.yml.dist @@ -86,7 +86,3 @@ compat_features: # safari: "10" # safari_ios: "10" - html.global_attributes.slot - - # baseline: false - # support: {} - - css.selectors.has-slotted From 3466120f3cfa4ada3b7ebe8a8df292bdeabb3c72 Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Tue, 26 Nov 2024 09:47:50 -0500 Subject: [PATCH 2/2] Update features/has-slotted.yml Co-authored-by: Daniel D. Beck --- features/has-slotted.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/features/has-slotted.yml b/features/has-slotted.yml index 695bf38dd6c..132a2094c95 100644 --- a/features/has-slotted.yml +++ b/features/has-slotted.yml @@ -1,5 +1,5 @@ name: :has-slotted -description: The `:has-slotted` CSS pseudo-class matches `` elements with any slotted content, including whitespace, text nodes, or elements. It can be used to determine that a ``'s fallback content is not displayed. +description: The `:has-slotted` CSS pseudo-class matches `` elements where the fallback content is not shown. The pseudo-class matches any slotted content, including white space, text nodes, or elements. spec: https://drafts.csswg.org/css-scoping-1/#the-has-slotted-pseudo group: - selectors