| OLD | NEW |
| (Empty) |
| 1 <!-- | |
| 2 @MAC-ALLOW:AXSubrole=* | |
| 3 --> | |
| 4 <html> | |
| 5 <body> | |
| 6 Test the accessibility 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> | |
| 29 var pendingDialog = document.querySelector('#pending-dialog'); | |
| 30 var bottomDialog = document.querySelector('#bottom-dialog'); | |
| 31 var middleDialog = document.querySelector('#middle-dialog'); | |
| 32 var topDialog = document.querySelector('#top-dialog'); | |
| 33 | |
| 34 pendingDialog.showModal(); | |
| 35 bottomDialog.showModal(); | |
| 36 middleDialog.showModal(); | |
| 37 topDialog.showModal(); | |
| 38 middleDialog.close(); | |
| 39 topDialog.close(); | |
| 40 </script> | |
| 41 </body> | |
| 42 </html> | |
| OLD | NEW |