src/third_party/WebKit/LayoutTests/dialog/inert-node-is-not-highlighted-expected.html

   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>