Skip to content

Commit

Permalink
Export terms 'list box' and 'drop-down box' for <select>
Browse files Browse the repository at this point in the history
These terms are needed for specifying the 'appearance' property.
  • Loading branch information
zcorpan committed Jan 22, 2019
1 parent 05a0497 commit 4b13e5f
Showing 1 changed file with 12 additions and 8 deletions.
20 changes: 12 additions & 8 deletions source
Original file line number Diff line number Diff line change
Expand Up @@ -114006,28 +114006,32 @@ details[open] > summary {

<h4>The <code>select</code> element</h4>

<p>A <code>select</code> element is either a <dfn data-export="" data-dfn-for="select">list
box</dfn> or a <dfn data-export="" data-dfn-for="select">drop-down box</dfn>, depending on its
attributes.</p>

<p>A <code>select</code> element whose <code data-x="attr-select-multiple">multiple</code>
attribute is present is expected to render as a multi-select list box.</p>
attribute is present is expected to render as a multi-select <span>list box</span>.</p>

<p>A <code>select</code> element whose <code data-x="attr-select-multiple">multiple</code>
attribute is absent, and whose <span data-x="concept-select-size">display size</span> is greater
than 1, is expected to render as a single-select list box.</p>
than 1, is expected to render as a single-select <span>list box</span>.</p>

<p>When the element renders as a list box, it is expected to render as an
<p>When the element renders as a <span>list box</span>, it is expected to render as an
<span>'inline-block'</span> box whose <span>'height'</span> is the height necessary to contain as
many rows for items as given by the element's <span data-x="concept-select-size">display
size</span>, or four rows if the attribute is absent, and whose <span>'width'</span> is the
<span>width of the <code>select</code>'s labels</span> plus the width of a scrollbar.</p>

<p>A <code>select</code> element whose <code data-x="attr-select-multiple">multiple</code>
attribute is absent, and whose <span data-x="concept-select-size">display size</span> is 1, is
expected to render as a one-line drop down box whose width is the <span>width of the
expected to render as a one-line <span>drop-down box</span> whose width is the <span>width of the
<code>select</code>'s labels</span>.</p>

<p>In either case (list box or drop-down box), the element's items are expected to be the
element's <span data-x="concept-select-option-list">list of options</span>, with the element's
<code>optgroup</code> element <span data-x="concept-tree-child">children</span> providing headers
for groups of options where applicable.</p>
<p>In either case (<span>list box</span> or <span>drop-down box</span>), the element's items are
expected to be the element's <span data-x="concept-select-option-list">list of options</span>,
with the element's <code>optgroup</code> element <span data-x="concept-tree-child">children</span>
providing headers for groups of options where applicable.</p>

<p>An <code>optgroup</code> element is expected to be rendered by displaying the element's <code
data-x="attr-optgroup-label">label</code> attribute.</p>
Expand Down

0 comments on commit 4b13e5f

Please sign in to comment.