Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /html/semantics/forms/the-select-element/customizable-select/select-anchor-regression.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<link rel=author href="mailto:andruud@chromium.org">
<link rel=author href="mailto:jarhar@chromium.org">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<style>
select,
::picker(select) {
appearance: base-select;
}
.amount {
position: absolute;
position-anchor: --my-select;
}
select:open selectedoption {
.amount {
display: none;
}
}
</style>
<select>
<button>
<selectedoption></selectedoption>
</button>
<div>
<option>
<div class="title">Potion</div>
<div class="amount">10</div>
</option>
</div>
</select>
<script>
promise_test(async () => {
await test_driver.click(document.querySelector('select'));
await new Promise(requestAnimationFrame);
}, 'This test passes if it does not crash.');
</script>