commit 8656d9cad692026cc1c48febbe83ed9834f17d7d parent f8e9e59c351f6426578646cba45ac7d87f27d26d Author: Joey Arhar <jarhar@chromium.org> Date: Tue, 21 Oct 2025 10:39:04 +0000 Bug 1995418 [wpt PR 55558] - Add support for using appearance:base, a=testonly Automatic update from web-platform-tests Add support for using appearance:base This patch adds some support behind a flag for using appearance:base in addition to appearance:base-select. It also supports using appearance:base on select elements when the flag is enabled. This will be useful in future patches which implement base appearance for other elements besides the select element. Bug: 450139531 Change-Id: Ic77d02ea9cef146649a595752597ebeb787b6d62 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7032708 Reviewed-by: David Baron <dbaron@chromium.org> Commit-Queue: Joey Arhar <jarhar@chromium.org> Reviewed-by: Luke <lwarlow@igalia.com> Cr-Commit-Position: refs/heads/main@{#1532696} -- wpt-commits: fa19fc83c2e4c51cc063b70d577fc75f99a694ee wpt-pr: 55558 Diffstat:
2 files changed, 49 insertions(+), 0 deletions(-)
diff --git a/testing/web-platform/tests/html/semantics/forms/the-select-element/customizable-select/appearance-base-and-base-select-ref.html b/testing/web-platform/tests/html/semantics/forms/the-select-element/customizable-select/appearance-base-and-base-select-ref.html @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<html class=reftest-wait> +<script src="/resources/testdriver.js"></script> +<script src="/resources/testdriver-vendor.js"></script> + +<style> +select, ::picker(select) { + appearance: base; +} +</style> + +<select> + <option>one</option> + <option>two</option> +</select> + +<script> +(async () => { + await test_driver.bless(); + document.querySelector('select').showPicker(); + document.documentElement.classList.remove('reftest-wait'); +})(); +</script> diff --git a/testing/web-platform/tests/html/semantics/forms/the-select-element/customizable-select/appearance-base-and-base-select.tentative.html b/testing/web-platform/tests/html/semantics/forms/the-select-element/customizable-select/appearance-base-and-base-select.tentative.html @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<html class=reftest-wait> +<link rel=author href="mailto:jarhar@chromium.org"> +<link rel=help href="https://drafts.csswg.org/css-ui-4/#valdef-appearance-base-select"> +<link rel=match href="appearance-base-and-base-select-ref.html"> +<script src="/resources/testdriver.js"></script> +<script src="/resources/testdriver-vendor.js"></script> + +<style> +select, ::picker(select) { + appearance: base-select; +} +</style> + +<select> + <option>one</option> + <option>two</option> +</select> + +<script> +(async () => { + await test_driver.bless(); + document.querySelector('select').showPicker(); + document.documentElement.classList.remove('reftest-wait'); +})(); +</script>