1<!-- 2@MAC-ALLOW:AXSubrole=* 3--> 4<html> 5<body> 6Test the accessiblity tree after a pending modal dialog becomes active. 7<section> 8 <dialog id="top-dialog"> 9 This was the top dialog and should not be in the tree. 10 </dialog> 11 <select> 12 <optgroup label="Group"> 13 <option>This should be pruned out of the tree.</option> 14 </optgroup> 15 </select> 16</section> 17<button>This button should not be in the tree.</button> 18<dialog id="middle-dialog"> 19 This was the middle dialog and should not be in the tree. 20</dialog> 21<dialog id="bottom-dialog"> 22 This is the now active dialog. Of course it should be in the tree. 23 <button>This is in the active dialog and should be in the tree.</button> 24</dialog> 25<dialog id="pending-dialog"> 26 This is the pending dialog and should not be in the tree. 27</dialog> 28<script> 29var pendingDialog = document.querySelector('#pending-dialog'); 30var bottomDialog = document.querySelector('#bottom-dialog'); 31var middleDialog = document.querySelector('#middle-dialog'); 32var topDialog = document.querySelector('#top-dialog'); 33 34pendingDialog.showModal(); 35bottomDialog.showModal(); 36middleDialog.showModal(); 37topDialog.showModal(); 38middleDialog.close(); 39topDialog.close(); 40</script> 41</body> 42</html> 43