LayoutTests/fast/inline/hidpi-select-inline-on-subpixel-position.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <title>This tests that inline text selection can paint to subpixel position.</title>
   5 <style>
   6   ::selection {
   7     background: rgba(255, 0, 0, 0.9);
   8   }
   9
  10   div {
  11     font-size: 16px;
  12     width: 1px;
  13     height: 1px;
  14     position: fixed;
  15   }
  16
  17 </style>
  18 </head>
  19 <body>
  20 <p id="container"></p>
  21 <script>
  22   var container = document.getElementById("container");
  23   adjustment = 0.1;
  24   for (i = 0; i < 10; ++i) {
  25     adjustment+=0.1;
  26     for (j = 0; j < 10; ++j) {
  27       var e = document.createElement("div");
  28       e.style.top = (30 * i + j * adjustment) + "px";
  29       e.style.left = (30 * j + i * adjustment) + "px";
  30       e.innerHTML = "foo";
  31       container.appendChild(e);
  32     }
  33   }
  34
  35   var range = document.createRange();
  36   range.selectNode(document.getElementById("container"));
  37   window.getSelection().addRange(range);
  38 </script>
  39 </body>
  40 </html>