blob: e99ca4d57a8b2e3ea5f7e208e90a2a710710faf8 (
plain)
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
|
<!DOCTYPE html>
<link rel=stylesheet href="resources/stylable-select-styles.css">
<style>
.blue {
color: blue;
}
</style>
<div id=container class=stylable-select-container>
<button popovertarget=popover id=button>button</button>
<div id=popover popover=auto anchor=container class=stylable-select-datalist>
<div tabindex=0 class=stylable-select-option>
<span class=blue>option</span> one
</div>
<div tabindex=0 class=stylable-select-option>
<span class=blue>option</span> two
</div>
</div>
</div>
<script>
document.getElementById('popover').showPopover();
document.querySelector('div.stylable-select-option').focus();
</script>
|