1916774 - [wpt-sync] Sync PR 47965 - Require ::picker(select) appearance:base-select opt-in

Status: RESOLVED FIXED

(Core :: DOM: Core & HTML, task, P4)

Description

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Sync web-platform-tests PR 47965 into mozilla-central (this bug is closed when the sync is complete).

PR: https://github.com/web-platform-tests/wpt/pull/47965
Details from upstream follow.

Joey Arhar <[e-mail]> wrote:

Require ::picker(select) appearance:base-select opt-in

This patch requires that not only appearance:base-select be applied to
\<select> to make the popup be a popover, but also for
appearance:base-select to be applied to select::picker(select). This is
being discussed here: https://github.com/w3c/csswg-drafts/issues/10440

Change-Id: Ib089a9f8a4c0bea30d2f4fb9da1df185f4272db0

Reviewed-on: https://chromium-review.googlesource.com/5819694
WPT-Export-Revision: b582618d44a618a5822621d787701ee36123da5b

Comment 1

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Pushed to try (stability) https://treeherder.mozilla.org/#/jobs?repo=try&revision=a2730ff1308b9596f27260aa42d005928b2f5a9f

Comment 2

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

CI Results

Ran 9 Firefox configurations based on mozilla-central, and Firefox, Chrome, and Safari on GitHub CI

Total 6 tests and 1 subtests

Status Summary

Firefox

OK : 5
FAIL : 14
ERROR : 1
NOTRUN: 9

Chrome

OK : 6
PASS : 3
FAIL : 20

Safari

OK : 5
FAIL : 14
ERROR : 1
NOTRUN: 9

Links

Gecko CI (Treeherder)
GitHub PR Head
GitHub PR Base

Details

New Tests That Don't Pass

• /html/semantics/forms/the-select-element/stylable-select/select-accessibility-minimum-target-size.tentative.html [wpt.fyi]
  • horizontal-tb "": Select with appearance:base-select should have targets for pointer inputs be at least 24x24 CSS pixels.: FAIL (Chrome: FAIL, Safari: FAIL)
  • vertical-lr "": Select with appearance:base-select should have targets for pointer inputs be at least 24x24 CSS pixels.: FAIL (Chrome: FAIL, Safari: FAIL)
  • vertical-rl "": Select with appearance:base-select should have targets for pointer inputs be at least 24x24 CSS pixels.: FAIL (Chrome: FAIL, Safari: FAIL)
  • horizontal-tb "i": Select with appearance:base-select should have targets for pointer inputs be at least 24x24 CSS pixels.: FAIL (Chrome: FAIL, Safari: FAIL)
  • vertical-lr "i": Select with appearance:base-select should have targets for pointer inputs be at least 24x24 CSS pixels.: FAIL (Chrome: FAIL, Safari: FAIL)
  • vertical-rl "i": Select with appearance:base-select should have targets for pointer inputs be at least 24x24 CSS pixels.: FAIL (Chrome: FAIL, Safari: FAIL)
• /html/semantics/forms/the-select-element/stylable-select/select-fallback-datalist-animations.tentative.html [wpt.fyi]
  • select::picker(select) should support author provided top layer animations.: FAIL (Chrome: FAIL, Safari: FAIL)
• /html/semantics/forms/the-select-element/stylable-select/select-keyboard-behavior.tentative.html [wpt.fyi]: ERROR (Chrome: OK, Safari: ERROR)
  • defaultbutton: When the listbox is closed, spacebar should open the listbox.: FAIL (Chrome: PASS, Safari: FAIL)
  • defaultbutton: When the listbox is closed, all arrow keys should open the listbox.: NOTRUN (Chrome: FAIL, Safari: NOTRUN)
  • defaultbutton: When the listbox is closed, the enter key should submit the form or do nothing.: NOTRUN (Chrome: FAIL, Safari: NOTRUN)
  • defaultbutton: When the listbox is open, the enter key should commit the selected option.: NOTRUN (Chrome: FAIL, Safari: NOTRUN)
  • defaultbutton: When the listbox is open, the tab key should close the listbox.: NOTRUN (Chrome: FAIL, Safari: NOTRUN)
  • custombutton: When the listbox is closed, spacebar should open the listbox.: NOTRUN (Chrome: FAIL, Safari: NOTRUN)
  • custombutton: When the listbox is closed, all arrow keys should open the listbox.: NOTRUN (Chrome: FAIL, Safari: NOTRUN)
  • custombutton: When the listbox is closed, the enter key should submit the form or do nothing.: NOTRUN (Chrome: FAIL, Safari: NOTRUN)
  • custombutton: When the listbox is open, the enter key should commit the selected option.: NOTRUN (Chrome: FAIL, Safari: NOTRUN)
  • custombutton: When the listbox is open, the tab key should close the listbox.: NOTRUN (Chrome: FAIL, Safari: NOTRUN)
• /html/semantics/forms/the-select-element/stylable-select/select-mouse-behavior.tentative.html [wpt.fyi]
  • fallbackbutton: Select with appearance:base-select should open and close when clicking the button.: FAIL (Chrome: PASS, Safari: FAIL)
  • fallbackbutton: Clicking an option in an appearance:base-select select should choose the option and close the popover.: FAIL (Chrome: FAIL, Safari: FAIL)
  • custombutton: Select with appearance:base-select should open and close when clicking the button.: FAIL (Chrome: PASS, Safari: FAIL)
  • custombutton: Clicking an option in an appearance:base-select select should choose the option and close the popover.: FAIL (Chrome: FAIL, Safari: FAIL)
• /html/semantics/forms/the-select-element/stylable-select/select-option-hover-styles.tentative.html [wpt.fyi]
  • Hover styles should be present for appearance:base-select options.: FAIL (Chrome: FAIL, Safari: FAIL)
• /html/semantics/forms/the-select-element/stylable-select/selectedoption.tentative.html [wpt.fyi]
  • The <selectedoption> element should reflect the HTML contents of the selected <option>.: FAIL (Chrome: FAIL, Safari: FAIL)

Comment 3

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/2ccd8063587e
[wpt PR 47965] - Require ::picker(select) appearance:base-select opt-in, a=testonly

Comment 4

[Norisz Fay [:noriszfay]]

https://hg.mozilla.org/mozilla-central/rev/2ccd8063587e