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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
content / test / data / accessibility / aria / aria-combobox.html [blame]
<!DOCTYPE html>
<!--
@MAC-ALLOW:AXFocused=1
@MAC-ALLOW:AXLinkedUIElements
@MAC-DENY:AXLinkedUIElements=[]
@MAC-ALLOW:AXTitleUIElement
@WIN-DENY:description*
@WIN-ALLOW:FOCUS*
@WIN-ALLOW:haspopup*
@WIN-ALLOW:ia2_hypertext=*
@WIN-ALLOW:SELECT*
@AURALINUX-ALLOW:collapsed*
@AURALINUX-ALLOW:expand*
@AURALINUX-ALLOW:haspopup:*
@AURALINUX-ALLOW:select*
@AURALINUX-ALLOW:select*
@BLINK-ALLOW:focus*
@BLINK-ALLOW:haspopup*
-->
<html>
<body>
<div id="state_label">State</div>
<input type="text"
role="combobox"
aria-autocomplete="list"
aria-expanded="true"
aria-haspopup="listbox"
aria-labelledby="state_label"
aria-owns="state_list"
aria-readonly="true"
aria-activedescendant="state2"
autofocus>
<ul id="state_list" role="listbox" onclick="console.log('hi')">
<li id="state1" role="option">Alabama</li>
<li id="state2" role="option">Alaska</li>
</ul>
<input type="text" role="combobox" aria-activedescendant="grid-row">
<div role="grid">
<div role="row" id="grid-row">Grid row</div>
</div>
<input type="text" role="combobox" aria-activedescendant="treegrid-row">
<div role="treegrid">
<div role="rowgroup">
<div role="row" id="treegrid-row">Treegrid row</div>
</div>
</div>
</body>
</html>