Closed Bug 1892135 Opened 2 years ago Closed 2 years ago

[wpt-sync] Sync PR 45774 - Add content to appearance:base-select fallback button

Categories

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

task

Tracking

()

RESOLVED FIXED
127 Branch
Tracking Status
firefox127 --- fixed

People

(Reporter: wpt-sync, Unassigned)

References

()

Details

(Whiteboard: [wptsync downstream])

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

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

Joey Arhar <jarhar@chromium.org> wrote:

Add content to appearance:base-select fallback button

This patch adds extra content and styling to the fallback button in the
UA shadowroot of \<select> which gets rendered when it is
appearance:base-select and the author does not provide a \<button>
element to replace it with.

In order to do this, this patch also adds 3 pseudo-elements to the
\<select> element:

  • ::select-fallback-button which targets the fallback \<button>
  • ::select-fallback-button-icon which targets the \<div> inside the
    fallback \<button> which renders an svg as its background-image
  • ::select-fallback-selectedoption which targets the \<span> inside the
    fallback \<button> which gets the selected \<option>'s text content
    copied into it.

The CSS and contents are all exactly the same as they are in
\<selectlist>. \<selectlist> also has the same pseudo elements.

Bug: 1511354
Change-Id: Iaf362dd1253f4dd9e5984cc3301c31e9e9ae558c

Reviewed-on: https://chromium-review.googlesource.com/5464171
WPT-Export-Revision: bf21330c29cbe92269b52e51bc0c99574b96ed48

Component: web-platform-tests → DOM: Core & HTML
Product: Testing → Core
Whiteboard: [wptsync downstream] → [wptsync downstream error]
Whiteboard: [wptsync downstream error] → [wptsync downstream]

CI Results

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

Total 5 tests

Status Summary

Firefox

TIMEOUT: 5

Chrome

TIMEOUT: 5

Safari

TIMEOUT: 5

Links

Gecko CI (Treeherder)
GitHub PR Head
GitHub PR Base

Details

New Tests That Don't Pass

Tests Disabled in Gecko Infrastructure

Pushed by wptsync@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/72db4f328fef [wpt PR 45774] - Add content to appearance:base-select fallback button, a=testonly https://hg.mozilla.org/integration/autoland/rev/92283e1cbff5 [wpt PR 45774] - Update wpt metadata, a=testonly
Status: NEW → RESOLVED
Closed: 2 years ago
Resolution: --- → FIXED
Target Milestone: --- → 127 Branch
You need to log in before you can comment on or make changes to this bug.