Define base appearance for list box select elements

[josepharhar]

This PR defines base appearance for select elements which are being rendered as a list box, as opposed to the prior customizable select PR which defined base appearance for drop down select elements.

Fixes #11477

• At least two implementers are interested (and none opposed):
  • Chrome
  • Gecko
  • Standards positions:
    • Base appearance for list box select elements WebKit/standards-positions#559
    • Base appearance for list box select elements mozilla/standards-positions#1304
• Tests are written and can be reviewed and commented upon at:
  • https://wpt.fyi/results/html/semantics/forms/the-select-element/customizable-select-listbox
  • https://wpt.fyi/results/html/semantics/forms/the-select-element/customizable-select/select-base-appearance-computed-style.html
  • https://chromium-review.googlesource.com/c/chromium/src/+/7262091
• Implementation bugs are filed:
  • Chromium: https://issues.chromium.org/issues/357649033
  • Gecko: https://bugzilla.mozilla.org/show_bug.cgi?id=2005585
  • WebKit: https://bugs.webkit.org/show_bug.cgi?id=304004
• Corresponding HTML AAM & ARIA in HTML issues & PRs: Not needed because the existing mappings are sufficient.
• MDN issue is filed: Customizable select listbox mdn/content#42358
• The top of this comment includes a clear commit message to use.

(See WHATWG Working Mode: Changes for more details.)

---

/form-elements.html ( diff )
/rendering.html ( diff )

[zcorpan]

I filed #11804 , I can review this again when that is fixed.

I would suggest adding tests in this area that check which UA styles are applied, see e.g. https://github.com/web-platform-tests/wpt/blob/master/html/rendering/widgets/the-select-element/select-as-listbox-default-styles.tentative.html

[josepharhar]

I filed #11804 , I can review this again when that is fixed.

Thanks, I started a fix: #11805

I would suggest adding tests in this area that check which UA styles are applied, see e.g. https://github.com/web-platform-tests/wpt/blob/master/html/rendering/widgets/the-select-element/select-as-listbox-default-styles.tentative.html

Here is a test I'm working on: https://chromium-review.googlesource.com/c/chromium/src/+/6276680

[josepharhar]

Now that #11804 has been fixed and I have rebased this PR, and we got a resolution in the sizing issue, and we have a positive standards position from mozilla, this PR is ready for review.

[zcorpan]

Some of the linked tests are tentative, is there a PR to make them not tentative?

[josepharhar]

Some of the linked tests are tentative, is there a PR to make them not tentative?

I added a chromium patch to make them non-tentative, which will generate a WPT PR later