testing/web-platform/tests/html/semantics/forms/the-select-element/stylable-select/select-appearance-no-button-custom-datalist-ref.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14

<!DOCTYPE html>
<link rel=stylesheet href="resources/stylable-select-styles.css">

<div id=container class=stylable-select-container>
  <button popovertarget=popover id=button>one</button>
  <div id=popover popover=auto anchor=container class=stylable-select-datalist>
    <div class=stylable-select-option>one</div>
    <div class=stylable-select-option>two</div>
  </div>
</div>

<script>
document.getElementById('popover').showPopover();
</script>