testing/web-platform/tests/html/semantics/forms/the-select-element/stylable-select/select-child-button-and-datalist.tentative.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

<!DOCTYPE html>
<link rel=author href="mailto:jarhar@chromium.org">
<link rel=help href="https://github.com/whatwg/html/issues/9799">
<link rel=match href="select-child-button-and-datalist-ref.html">
<link rel=stylesheet href="resources/select-reset-non-interoperable-styles.css">

<style>
.blue {
  color: blue;
}
</style>

<select style="appearance:base-select">
  <button type=popover>button</button>
  <datalist>
    <option>
      <span class=blue>option</span> one
    </option>
    <option>
      <span class=blue>option</span> two
    </option>
  </datalist>
</select>

<script>
document.querySelector('button').click();
</script>