Add the :open pseudo-class

source

@@ -48198,6 +48198,40 @@ interface HTMLInputElement : HTMLElement {
   data-x="attr-input-type-checkbox">Checkbox
   being mutable.
 
+  The input element can support a picker. A
+  picker is a popup that allows the end user to choose a value. Whether an input
+  element supports a picker depends on the type attribute
+  state and implementation-defined behavior. An input element must support
+  a picker when its type attribute is in the 
+  data-x="attr-input-type-file">File Upload
+
+  
+   As of the time of this writing, typical browser implementations show such picker UI for:
+
+   
+    input elements whose type
+    attributes are in the Date, 
+    data-x="attr-input-type-month">Month
+    Time, 
+    data-x="attr-input-type-datetime-local">Local Date and Time
+    data-x="attr-input-type-color">Color
+
+    input elements in various states that have a 
+    data-x="concept-input-list">suggestions source element
+
+    input elements whose type attribute
+    is in the File Upload state (although those are
+    handled via the special case above, instead of by this step); and
+
+    select elements.
+   
+
+   However, the intent of this step is to trigger any picker UI implementation. So
+   for example, if a user agent implemented a password picker UI for the 
+   data-x="attr-input-type-password">Password
+   show that picker UI when called on a password input.
+  
+
   The cloning steps for input elements
   must propagate the value, 
   data-x="concept-fe-dirty">dirty value flag
@@ -52827,8 +52861,10 @@ You cannot submit this form when the field is incorrect.
    input.showPicker()
 
    
-    Shows any applicable picker UI for input, so that the user can select a value. (If
-    no picker UI is implemented for the given control, then this method does nothing.)
+    If input does not support a picker,
+    this method does nothing.
+
+    Shows any applicable picker UI for input, so that the user can select a value.
 
     Throws an "InvalidStateError" DOMException if
     input is not mutable.
@@ -53159,6 +53195,9 @@ You cannot submit this form when the field is incorrect.
    Consume user activation given element's relevant global
    object
 
+   If element does not support a
+   picker
+
    
     If element is an input element and element's 
     data-x="attr-input-type">type attribute is in the 
@@ -53199,11 +53238,10 @@ You cannot submit this form when the field is incorrect.
    
 
    
-    Otherwise, the user agent should show any relevant user interface for selecting a value for
-    element, in the way it normally would when the user interacts with the control. (If
-    no such UI applies to element, then this step does nothing.)
+    Otherwise, the user agent should show the relevant user interface for selecting a value for
+    element, in the way it normally would when the user interacts with the control.
 
-    If such a user interface is shown, it must respect the requirements stated in the relevant
+    When showing such a user interface, it must respect the requirements stated in the relevant
     parts of the specification for how element behaves given its 
     data-x="attr-input-type">type attribute state. (For example, various sections describe
     restrictions on the resulting value string.)
@@ -53213,33 +53251,6 @@ You cannot submit this form when the field is incorrect.
     firing either input and 
     data-x="event-change">change events, or a cancel
     event.)
-
-    
-     As of the time of this writing, typical browser implementations show such picker UI for:
-
-     
-      input elements whose type
-      attributes are in the Date, 
-      data-x="attr-input-type-month">Month
-      Time, 
-      data-x="attr-input-type-datetime-local">Local Date and Time
-      data-x="attr-input-type-color">Color
-
-      input elements in various states that have a 
-      data-x="concept-input-list">suggestions source element
-
-      input elements whose type attribute
-      is in the File Upload state (although those are
-      handled via the special case above, instead of by this step); and
-
-      select elements.
-     
-
-     However, the intent of this step is to trigger any picker UI implementation. So
-     for example, if a user agent implemented a password picker UI for the 
-     data-x="attr-input-type-password">Password
-     show that picker UI when called on a password input.
-    
    
   
 
@@ -75069,6 +75080,26 @@ Demos:
    The :volume-locked pseudo-class
    must match all media elements when the user agent's
    volume locked is true.
+
+   :open
+   
+    An Element matches the :open
+    pseudo-class if it matches one of the following:
+
+    
+     A details element which has the 
+     data-x="attr-details-open">open attribute.
+
+     A dialog element which has the open
+     attribute.
+
+     A select element which is a drop-down box whose drop-down box
+     is open.
+
+     An input element which supports a
+     picker
+    
+   
   
 
   This specification does not define when an element matches the