OLD | NEW |
(Empty) | |
| 1 <!-- |
| 2 @MAC-ALLOW:AXSubrole=* |
| 3 --> |
| 4 <html> |
| 5 <body> |
| 6 Test 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> |
| 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 |