Skip to content
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

Define base appearance for <select> #10629

Open
wants to merge 25 commits into
base: main
Choose a base branch
from
Open
Changes from 1 commit
Commits
Show all changes
25 commits
Select commit Hold shift + click to select a range
8e17138
Define base appearance for <select>
josepharhar Jul 18, 2024
f8cd659
rewrote a lot
josepharhar Nov 11, 2024
9c41826
Merge branch 'main' into selectrendering
josepharhar Nov 11, 2024
85b785f
prevent select button from being default submit button
josepharhar Nov 13, 2024
5e5dcb3
Merge branch 'main' into selectrendering
josepharhar Dec 5, 2024
8dc3b0e
reverse tree order
josepharhar Dec 5, 2024
46f457e
code around elements
josepharhar Dec 5, 2024
d9bc0b4
nits
josepharhar Dec 5, 2024
72c006b
add open the picker paragraph
josepharhar Dec 5, 2024
2400840
add arrow key events
josepharhar Dec 5, 2024
dcf650b
replace activation behavior for options
josepharhar Dec 6, 2024
9758b7b
Update focus another option
josepharhar Dec 13, 2024
3c8e35d
add pageup/pagedown
josepharhar Dec 26, 2024
c151264
move more of option picking into algorithm
josepharhar Jan 16, 2025
7a18a77
move more user interaction stuff into algorithms
josepharhar Jan 16, 2025
45bbc64
add separate opt in for picker
josepharhar Jan 23, 2025
c5b6645
dom feedback
josepharhar Jan 23, 2025
9694785
Merge branch 'main' into selectrendering
josepharhar Feb 13, 2025
2ad7144
add aria practices link for keyboard behavior
josepharhar Feb 13, 2025
b4cfd59
fix rfc error
josepharhar Feb 13, 2025
5282a71
Add check for primary mouse button
josepharhar Feb 20, 2025
c04849e
Fix typo in attribute
josepharhar Feb 24, 2025
bb763db
update pseudo-elements for native/primitive appearance
josepharhar Mar 13, 2025
8d55bcb
fix typo
josepharhar Mar 13, 2025
4acf5f6
add more base appearance
josepharhar Mar 13, 2025
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 17 additions & 1 deletion source
Original file line number Diff line number Diff line change
Expand Up @@ -3864,7 +3864,12 @@ a.setAttribute('href', 'https://example.com/'); // change the content attribute
<ref>CSSFORMS</ref></p>

<ul class="brief">
<li>The <dfn data-x-href="https://drafts.csswg.org/css-forms/#picker-pseudo-element">picker
<li>The <dfn data-x-href="https://drafts.csswg.org/css-forms/#the-picker-pseudo-element">picker
pseudo-element</dfn></li>
<li>The <dfn data-x-href="https://drafts.csswg.org/css-forms/#selectordef-checkmark">checkmark
pseudo-element</dfn></li>
<li>The <dfn
data-x-href="https://drafts.csswg.org/css-forms/#picker-opener-icon-the-picker-icon-pseudo-element">picker-icon
pseudo-element</dfn></li>
</ul>

Expand Down Expand Up @@ -138165,6 +138170,17 @@ progress { appearance: auto; }</code></pre>
<p>The <span>select popover</span>'s <span>implicit anchor element</span> is its associated
<code>select</code> element.</p>

<p>When a <code>select</code> element is being rendered with <span>native appearance</span> or
<span>primitive appearance</span>, the <span>picker pseudo-element</span> and the
<span>picker-icon pseudo-element</span> do not apply.</p>

<p>The <span>picker pseudo-element</span> is not rendered when if it has <span>native
appearance</span> or <span>primitive appearance</span>.</p>

<p>The <span>checkmark pseudo-element</span> only applies to <code>option</code> elements which
are inside a <code>select</code> element whose <span>picker pseudo-element</span> has <span>base
appearance</span>.</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