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