-
Notifications
You must be signed in to change notification settings - Fork 2.9k
Define the <selectedcontent>
element
#10633
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Changes from 1 commit
21b8a2c
1aece11
a1bd1e8
c04ca18
09777e2
c846c3e
bef82d0
daabd98
bf2b5c5
8863966
17ac232
4960a77
10d1a14
1ee134d
ec5244b
9463f7e
02b8cde
e268b44
c016a74
f0984d3
d8a05e5
4126c04
42ef681
961fee3
999a14a
4a175ce
730b52f
2449b1f
76716d2
7668dde
be8c488
6929058
51f0f41
6f251fb
77f9886
26d3281
134f651
f6be49e
1a8d313
1a621e1
117ca06
263c54b
27ff6b7
0430604
5e62c8c
01e1283
bcd9669
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
- Loading branch information
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -54596,23 +54596,26 @@ interface <dfn interface>HTMLOptionElement</dfn> : <span>HTMLElement</span> { | |
<var>option</var>:</p> | ||
|
||
<ol> | ||
<li><p>Let <var>select</var> be <var>option</var>'s <span><code>option</code> element nearest | ||
ancestor <code>select</code></span>.</p></li> | ||
|
||
<li> | ||
<p>If all of the following conditions are true:</p> | ||
|
||
<ul> | ||
<li><p><var>option</var> has a non-null <span><code>option</code> element nearest ancestor | ||
<code>select</code></span>;</p></li> | ||
<li><p><var>select</var> is not null;</p></li> | ||
|
||
<li><p><var>option</var>'s <span><code>option</code> element nearest ancestor | ||
<code>select</code></span> does not have the <code | ||
data-x="attr-select-multiple">multiple</code> attribute;</p></li> | ||
<li><p><var>select</var> does not have the <code data-x="attr-select-multiple">multiple</code> | ||
attribute;</p></li> | ||
|
||
<li><p><var>option</var>'s <span data-x="concept-option-selectedness">selectedness</span> | ||
is true,</p></li> | ||
is true;</p></li> | ||
|
||
josepharhar marked this conversation as resolved.
Show resolved
Hide resolved
|
||
<li><p><var>select</var>'s <span>descendant <code>selectedcontent</code> elements</span> is not | ||
empty;</p></li> | ||
|
||
<li><p><var>option</var>'s <span><code>option</code> element nearest ancestor | ||
<code>select</code></span>'s <span>descendant <code>selectedcontent</code> elements</span> is | ||
not empty,</p></li> | ||
<li><p>The first element in <var>select</var>'s <span>descendant <code>selectedcontent</code> | ||
elements</span> is not <span data-x="selectedcontent-disabled">disabled</span>,</p></li> | ||
</ul> | ||
|
||
<p>then run <span>clone an option into a selectedcontent</span> given <var>option</var> and the | ||
|
@@ -56321,6 +56324,10 @@ interface <dfn interface>HTMLSelectedContentElement</dfn> : <span>HTMLElement</s | |
the <code>selectedcontent</code> is a <span>descendant</span> of the <code>select</code>'s first | ||
child <code>button</code>.</p> | ||
josepharhar marked this conversation as resolved.
Show resolved
Hide resolved
|
||
|
||
<p>Every <code>selectedcontent</code> element has a <dfn | ||
data-x="selectedcontent-disabled">disabled</dfn> state, which is a boolean, initially set to | ||
false.</p> | ||
|
||
<p>To <dfn>clone an option into a selectedcontent</dfn>, given an <code>option</code> element | ||
<var>option</var> and a <code>selectedcontent</code> element <var>selectedcontent</var>:</p> | ||
|
||
|
@@ -56367,15 +56374,29 @@ interface <dfn interface>HTMLSelectedContentElement</dfn> : <span>HTMLElement</s | |
|
||
<li><p>Let <var>ancestor</var> be <var>selectedcontent</var>'s <span>parent</span>.</p></li> | ||
|
||
<li><p>Set <var>selectedcontent</var>'s <span data-x="selectedcontent-disabled">disabled</span> | ||
state to false.</p></li> | ||
|
||
<li> | ||
<p><span>While</span> <var>nearestSelectAncestor</var> is null and <var>ancestor</var> is not | ||
null:</p> | ||
<p>For each <var>ancestor</var> of <var>selectedcontent</var>'s <span | ||
data-x="ancestor">ancestors</span> in reverse <span>tree order</span>:</p> | ||
|
||
<ol> | ||
<li><p>If <var>ancestor</var> is a <code>select</code> element, then set | ||
<var>nearestSelectAncestor</var> to <var>ancestor</var>.</p></li> | ||
<li> | ||
<p>If <var>ancestor</var> is a <code>select</code> element, then:</p> | ||
|
||
<ol> | ||
<li><p>If <var>nearestAncestorSelect</var> is null, then set <var>nearestAncestorSelect</var> | ||
to <var>select</var>.</p></li> | ||
|
||
<li><p>Otherwise, set <var>selectedcontent</var>'s <span | ||
data-x="selectedcontent-disabled">disabled</span> state to true.</p></li> | ||
josepharhar marked this conversation as resolved.
Show resolved
Hide resolved
|
||
</ol> | ||
</li> | ||
|
||
<li><p>Set <var>ancestor</var> to <var>ancestor</var>'s <span>parent</span>.</p></li> | ||
<li><p>If <var>ancestor</var> is an <code>option</code> element or a | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. and true? But also, I don't think this works anymore now that concept-node-clone has named arguments? There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Thanks, I changed it to use named arguments. How does it look? |
||
<code>selectedcontent</code> element, then set <var>selectedcontent</var>'s <span | ||
data-x="selectedcontent-disabled">disabled</span> state to true.</p></li> | ||
</ol> | ||
</li> | ||
|
||
|
@@ -56386,7 +56407,8 @@ interface <dfn interface>HTMLSelectedContentElement</dfn> : <span>HTMLElement</s | |
elements</span>.</p></li> | ||
|
||
<li> | ||
<p>If <var>selectedcontent</var> is the first item in <var>nearestAncestorSelect</var>'s | ||
<p>If <var>selectedcontent</var> is not <span data-x="selectedcontent-disabled">disabled</span> | ||
and <var>selectedcontent</var> is the first item in <var>nearestAncestorSelect</var>'s | ||
<span>descendant <code>selectedcontent</code> elements</span>, then:</p> | ||
|
||
<ol> | ||
|
Uh oh!
There was an error while loading. Please reload this page.