OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
| 3 <head> |
| 4 <style> |
| 5 ::backdrop { |
| 6 display: none; |
| 7 } |
| 8 </style> |
| 9 </head> |
3 <body> | 10 <body> |
4 <p>Test that inert nodes are not painted as being selected. The test passes if | 11 <p>Test that inert nodes are not painted as being selected. The test passes if |
5 none of the text outside the dialog is highlighted when selected.</p> | 12 none of the text outside the dialog is highlighted when selected.</p> |
6 | 13 |
7 <p>Although not shown as selected, the inert nodes are in window.getSelection() | 14 <p>Although not shown as selected, the inert nodes are in window.getSelection() |
8 and copied to the clipboard, which is the same behavior as -webkit-user-select: | 15 and copied to the clipboard, which is the same behavior as -webkit-user-select: |
9 none (crbug.com/147490).</p> | 16 none (crbug.com/147490).</p> |
10 | 17 |
11 <br> <!-- Needed to the trigger the bug. --> | 18 <br> <!-- Needed to the trigger the bug. --> |
12 This text shouldn't be highlighted as selected. | 19 This text shouldn't be highlighted as selected. |
13 | 20 |
14 <dialog> | 21 <dialog> |
15 <div id="selectable">I'm selectable.</div> | 22 <div id="selectable">I'm selectable.</div> |
16 </dialog> | 23 </dialog> |
17 | 24 |
18 <script> | 25 <script> |
19 dialog = document.querySelector('dialog'); | 26 dialog = document.querySelector('dialog'); |
20 dialog.showModal(); | 27 dialog.showModal(); |
21 document.execCommand('SelectAll'); | 28 document.execCommand('SelectAll'); |
22 </script> | 29 </script> |
23 </body> | 30 </body> |
24 </html> | 31 </html> |
OLD | NEW |