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
  • …
  • 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-in-page
• Implementation bugs are filed:
  • Chromium: https://issues.chromium.org/issues/357649033
  • Gecko: …
  • WebKit: …
• Corresponding HTML AAM & ARIA in HTML issues & PRs:
• MDN issue is filed: …
• 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