Rename ::select-fallback-datalist to ::picker(select)

This was resolved here:
w3c/csswg-drafts#10758 (comment)

Fixed: 361562102
Change-Id: I38e8c552049b45704c1ee50db45e3300041ff1a8
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5817433
Reviewed-by: David Baron <[email protected]>
Commit-Queue: Joey Arhar <[email protected]>
Cr-Commit-Position: refs/heads/main@{#1349454}

Author: josepharhar

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.');
 </script>