Subpixel rendering: Inline text selection painting should not snap to integral CSS...
[WebKit-https.git] / 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     height: 10px;
13     width: 1px;
14     height: 1px;
15     position: fixed;
16   }
17
18 </style>
19 </head>
20 <body>
21 <p id="container"></p>
22 <script>
23   var container = document.getElementById("container");
24   adjustment = 0.1;
25   for (i = 0; i < 10; ++i) {
26     adjustment+=0.1;
27     for (j = 0; j < 10; ++j) {
28       var e = document.createElement("div");
29       e.style.top = (30 * i + j * adjustment) + "px";
30       e.style.left = (30 * j + i * adjustment) + "px";
31       e.innerHTML = "foo";
32       container.appendChild(e);
33     }
34   }
35   
36   var range = document.createRange(); 
37   range.selectNode(document.getElementById("container")); 
38   window.getSelection().addRange(range);
39 </script>
40 </body>
41 </html>