REGRESSION(SUBPIXEL_LAYOUT) Composited layers can cause one pixel shifts
[WebKit-https.git] / LayoutTests / fast / sub-pixel / ellipsis-zoom.html
1 <!DOCTYPE html>
2 <html>
3     <head>
4         <style>
5             .test > div { display: inline-block; overflow: hidden; white-space: nowrap; padding: 0 1px; }
6             .test > .ellipsis { text-overflow: ellipsis; }
7         </style>
8     </head>
9     <body>
10         <div class="test" style="zoom: 0.5;">
11             <div class="ellipsis">Should not be truncated</div><br>
12             <div class="expected">Should not be truncated</div>
13         </div>
14         <div class="test" style="zoom: 0.66;">
15             <div class="ellipsis">Should not be truncated</div><br>
16             <div class="expected">Should not be truncated</div>
17         </div>
18         <div class="test" style="zoom: 0.75;">
19             <div class="ellipsis">Should not be truncated</div><br>
20             <div class="expected">Should not be truncated</div>
21         </div>
22         <div class="test" style="zoom: 0.9;">
23             <div class="ellipsis">Should not be truncated</div><br>
24             <div class="expected">Should not be truncated</div>
25         </div>
26         <div class="test" style="zoom: 1.0;">
27             <div class="ellipsis">Should not be truncated</div><br>
28             <div class="expected">Should not be truncated</div>
29         </div>
30         <div class="test" style="zoom: 1.1;">
31             <div class="ellipsis">Should not be truncated</div><br>
32             <div class="expected">Should not be truncated</div>
33         </div>
34         <div class="test" style="zoom: 1.25;">
35             <div class="ellipsis">Should not be truncated</div><br>
36             <div class="expected">Should not be truncated</div>
37         </div>
38         <div class="test" style="zoom: 1.33;">
39             <div class="ellipsis">Should not be truncated</div><br>
40             <div class="expected">Should not be truncated</div>
41         </div>
42         <p>
43             None of the lines above should be truncated.
44         </p>
45     </body>
46 </html>