diff --git a/source b/source index f1ceb847a67..82a5ab2f03c 100644 --- a/source +++ b/source @@ -3234,6 +3234,7 @@ a.setAttribute('href', 'https://example.com/'); // change the content attribute
  • The child concept
  • The root and shadow-including root concepts
  • The inclusive ancestor, + ancestor, descendant, shadow-including ancestor, shadow-including descendant, @@ -53483,7 +53484,8 @@ You cannot submit this form when the field is incorrect.
    Content model:
    Phrasing content, but there must be no interactive content descendant and no descendant with the tabindex attribute - specified.
    + specified. If the element is the first child of a select element, then it may also + have zero or one selectedcontent element.
    Content attributes:
    Global attributes
    command
    @@ -54239,6 +54241,9 @@ interface HTMLSelectElement : HTMLElement {
    1. Set the select element's user validity to true.
      2. +

    2. Run update a select's selectedcontent given the + select element.

      3. +

    3. Fire an event named input at the select element, with the bubbles and composed @@ -54456,13 +54461,33 @@ interface HTMLSelectElement : HTMLElement { order that has its selectedness set to true, if any. If there isn't one, then it must return −1.

      -

      On setting, the selectedIndex attribute must set - the selectedness of all the option - elements in the list of options to false, and - then the option element in the list of - options whose index is the given new value, if - any, must have its selectedness set to true and - its dirtiness set to true.

      +

      The selectedIndex setter steps are:

      + +
        +

      1. Let firstMatchingOption be null.

        2. + +
      2. +

        For each option of this's list of options:

        + +
          +

        1. Set option's selectedness + to false.

          2. + +

        2. If firstMatchingOption is null and option's index is equal to the given value, then set + firstMatchingOption to option.

          3. +
        +
        3. + +

      3. If firstMatchingOption is not null, then set firstMatchingOption's + selectedness to true and set + firstMatchingOption's dirtiness to + true.

        4. + +

      4. Run update a select's selectedcontent given + this.

        5. +

      This can result in no element having a selectedness set to true even in the case of the @@ -54476,14 +54501,33 @@ interface HTMLSelectElement : HTMLElement { data-x="concept-option-selectedness">selectedness set to true, if any. If there isn't one, then it must return the empty string.

      -

      On setting, the value attribute must set the selectedness of all the option elements - in the list of options to false, and then the - first option element in the list of - options, in tree order, whose value - is equal to the given new value, if any, must have its selectedness set to true and its dirtiness set to true.

      +

      The value setter steps are:

      + +
        +

      1. Let firstMatchingOption be null.

        2. + +
      2. +

        For each option of this's list of options:

        + +
          +

        1. Set option's selectedness + to false.

          2. + +

        2. If firstMatchingOption is null and option's value is equal to the given value, then set + firstMatchingOption to option.

          3. +
        +
        3. + +

      3. If firstMatchingOption is not null, then set firstMatchingOption's + selectedness to true and set + firstMatchingOption's dirtiness to + true.

        4. + +

      4. Run update a select's selectedcontent given + this.

        5. +

      This can result in no element having a selectedness set to true even in the case of the @@ -54940,6 +54984,50 @@ interface HTMLOptionElement : HTMLElement { +

      To get the option element nearest ancestor select given an + option option, run these steps. They return a select or + null.

      + +
        +
      1. +

        For each ancestor of option's ancestors, + in reverse tree order:

        + +
          +

        1. If ancestor is a select, then return + ancestor.

          2. +
        +
        2. + +

      2. Return null.

        3. +
      + +

      To maybe clone an option into selectedcontent, given an + option option:

      + +
        +

      1. Let select be option's option element nearest + ancestor select.

        2. + +
      2. +

        If all of the following conditions are true:

        + +
          +

        • select is not null;

          • + +

        • option's selectedness is + true; and

          • + +

        • select's enabled + selectedcontent is not null,

          • +
        + +

        then run clone an option into a selectedcontent given + option and select's enabled + selectedcontent.

        +
        3. +
      +
      option.selected
      @@ -56601,6 +56689,213 @@ interface HTMLLegendElement : HTMLElement { +

      The selectedcontent element

      + +
      +
      Categories:
      +
      None.
      +
      Contexts in which this element can be used:
      +
      As a descendant of a button element which is a child of a select + element.
      +
      Content model:
      +
      Nothing.
      +
      Content attributes:
      +
      Global attributes
      +
      Accessibility considerations:
      +
      For authors.
      +
      For implementers.
      +
      DOM interface:
      +
      + 
      [Exposed=Window]
+interface HTMLSelectedContentElement : HTMLElement {
+  [HTMLConstructor] constructor();
+};
      +
      +
      Uses HTMLSelectedContentElement.
      +
      + +

      The selectedcontent element reflects the contents of a select + element's currently selected option element. selectedcontent elements + can be used to declaratively show the selected option element's contents within the + select element's first child button element.

      + +

      The option element's label + attribute can be used to render a visible label for the option, but the + selectedcontent element will not reflect the content of the label attribute.

      + +

      Every time the selected option of a select switches from one + option to another, the selectedcontent element removes all of its children and + replaces them with a new copy of the DOM structure of the select's selected + option element.

      + +

      Every selectedcontent element has a disabled state, which is a boolean, initially set to + false.

      + +

      To update a select's selectedcontent given a + select element select:

      + +
        +

      1. Let selectedcontent be the result of get a select's enabled + selectedcontent given select.

        2. + +

      2. If selectedcontent is null, then return.

        3. + +

      3. Let option be the first option in select's list of options whose selectedness is true, if any such option + exists, otherwise null.

        4. + +

      4. If option is null, then run clear a selectedcontent + given selectedcontent.

        5. + +

      5. Otherwise, run clone an option into a selectedcontent given + option and selectedcontent.

        6. +
      + +

      To get a select's enabled + selectedcontent given a select element select:

      + +
        +

      1. If select has the multiple + attribute, then return null.

        2. + +

      2. Let selectedcontent be the first selectedcontent element + descendant of select in tree order if any such element + exists; otherwise return null.

        3. + +

      3. If selectedcontent is disabled, + then return null.

        4. + +

      4. Return selectedcontent.

        5. +
      + +

      To clone an option into a selectedcontent, given an + option element option and a selectedcontent element + selectedcontent:

      + +
        +

      1. Let documentFragment be a new DocumentFragment whose node + document is option's node document.

        2. + +
      2. +

        For each child of option's children:

        + +
          +

        1. Let childClone be the result of running clone given child with subtree set to true.

          2. + +

        2. Append childClone to + documentFragment.

          3. +
        +
        3. + +

      3. Replace all with + documentFragment within selectedcontent.

        4. +
      + +

      To clear a selectedcontent given a selectedcontent element + selectedcontent:

      + +
        +

      1. Replace all with null within + selectedcontent.

        2. +
      + +

      To clear a select's non-primary selectedcontent elements, + given a select element select:

      + +
        +

      1. Let passedFirstSelectedcontent be false.

        2. + +
      2. +

        For each descendant of select's descendants in tree order that is a + selectedcontent element:

        + +
          +

        1. If passedFirstSelectedcontent is false, then set + passedFirstSelectedcontent to true.

          2. + +

        2. Otherwise, run clear a selectedcontent given + descendant.

          3. +
        +
        3. +
      + +

      The selectedcontent HTML element post-connection steps, given + selectedcontent, are:

      + +
        +

      1. Let nearestSelectAncestor be null.

        2. + +

      2. Let ancestor be selectedcontent's parent.

        3. + +

      3. Set selectedcontent's disabled + state to false.

        4. + +
      4. +

        For each ancestor of selectedcontent's ancestors, in reverse tree order:

        + +
          +
        1. +

          If ancestor is a select element:

          + +
            +

          1. If nearestSelectAncestor is null, then set nearestSelectAncestor + to select.

            2. + +

          2. Otherwise, set selectedcontent's disabled state to true.

            3. +
          +
          2. + +

        2. If ancestor is an option element or a + selectedcontent element, then set selectedcontent's disabled state to true.

          3. +
        +
        5. + +

      5. If nearestSelectAncestor is null or nearestSelectAncestor has the + multiple attribute, then return.

        6. + +

      6. Run update a select's selectedcontent given + nearestSelectAncestor.

        7. + +

      7. Run clear a select's non-primary selectedcontent + elements given nearestSelectAncestor.

        8. +
      + +

      The selectedcontent HTML element removing steps, given + selectedcontent and oldParent, are:

      + +
        +
      1. +

        For each ancestor of selectedcontent's ancestors, in reverse tree order:

        + +
          +

        1. If ancestor is a select element, then return.

          2. +
        +
        2. + +
      2. +

        For each ancestor of oldParent's inclusive ancestors, in reverse tree order:

        + +
          +

        1. If ancestor is a select element, then run update a + select's selectedcontent given ancestor and + return.

          2. +
        +
        3. +
      +

      Form control infrastructure

      @@ -132692,6 +132987,17 @@ document.body.appendChild(text);

      Insert an HTML element for the token.

      +
      An end tag whose tag name is "option"
      +
      +

      Let option be the first option element in the stack of open + elements.

      + +

      Run the steps for "any other end tag."

      + +

      If option is no longer in the stack of open elements, then run + maybe clone an option into selectedcontent given option.

      +
      +
      A start tag whose tag name is one of: "rb", "rtc"

      If the stack of open elements has a @@ -142931,6 +143237,16 @@ interface External { HTMLSelectElement + + selectedcontent + Mirrors content from an option + none + button + empty + globals + HTMLSelectedContentElement + + slot Shadow tree slot @@ -145762,6 +146078,10 @@ interface External { select HTMLSelectElement : HTMLElement + + selectedcontent + HTMLSelectedContentElement : HTMLElement + slot HTMLSlotElement : HTMLElement