From 8f6b515c13b6d20c5624d83119f01d594b3856b2 Mon Sep 17 00:00:00 2001 From: Joey Arhar Date: Fri, 30 Aug 2024 08:06:10 -0700 Subject: [PATCH] Rename ::select-fallback-datalist to ::picker(select) This was resolved here: https://github.com/w3c/csswg-drafts/issues/10758#issuecomment-2305056084 Fixed: 361562102 Change-Id: I38e8c552049b45704c1ee50db45e3300041ff1a8 --- .../select-fallback-datalist-animations.tentative.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/html/semantics/forms/the-select-element/stylable-select/select-fallback-datalist-animations.tentative.html b/html/semantics/forms/the-select-element/stylable-select/select-fallback-datalist-animations.tentative.html index 2fd4f99cd184aee..6d063b59a280c93 100644 --- a/html/semantics/forms/the-select-element/stylable-select/select-fallback-datalist-animations.tentative.html +++ b/html/semantics/forms/the-select-element/stylable-select/select-fallback-datalist-animations.tentative.html @@ -12,7 +12,7 @@ appearance: base-select; } -select::select-fallback-datalist { +select::picker(select) { transition-behavior: allow-discrete; transition-duration: 100s; transition-property: display, overlay, opacity, color; @@ -21,12 +21,12 @@ color: black; } -select::select-fallback-datalist:popover-open { +select::picker(select):popover-open { opacity: 1; color: rgb(200, 0, 0); } @starting-style { - select::select-fallback-datalist:popover-open { + select::picker(select):popover-open { opacity: 0; color: black; } @@ -54,5 +54,5 @@ await new Promise(requestAnimationFrame); assert_equals(getComputedStyle(firstOption).color, 'rgb(100, 0, 0)', 'option color should start animating when opening the picker.'); -}, 'select::select-fallback-datalist should support author provided top layer animations.'); +}, 'select::picker(select) should support author provided top layer animations.');