third_party/WebKit/Source/web/tests/data/test_touch_link_highlight.html

   1 <!DOCTYPE html>
   2   <body>
   3     <a href="http://www.test.com" style="position: absolute; left: 20px; top: 20px; width: 200px;">A link to highlight</a>
   4     <div style="background-color: white; position: absolute; left: 20px; top: 40px; width: 200px; height: 30px; transform:translateZ(0);">
   5       <p id="innerDiv">Not a link to click.</p>
   6     </div>
   7     <div style="background-color: white; position: absolute; left: 20px; top: 100px; width: 200px; height: 100px; overflow-y: scroll; overflow-x : scroll;">
   8         <a href="http://www.test.com">Another link to click</a><br>
   9         Some stuff.<br>
  10         Some stuff.<br>
  11         Some stuff.<br>
  12         Some stuff.<br>
  13         Some stuff.<br>
  14         Some stuff.<br>
  15         Some stuff.<br>
  16         Some stuff.<br>
  17         Some stuff.<br>
  18         Some stuff.<br>
  19         Some stuff.<br>
  20         Some stuff.<br>
  21         Some stuff.<br>
  22         Some stuff.<br>
  23         Some stuff.<br>
  24         Some stuff.<br>
  25         Some stuff.<br>
  26     </div>
  27     <!-- Don't highlight if no hand cursor. -->
  28     <a href="http://www.test.com" style="position: absolute; left: 20px; top: 220px; width: 200px; cursor: crosshair;">A link to *not* highlight</a>
  29     <div style="position: absolute; left: 20px; top: 260px; width: 200px;">
  30         <input type="text"> <!-- This will have an I-beam cursor. -->
  31     </div>
  32     <a href="http://www.test.com" style="position: absolute; left: 20px; top: 300px; width: 400px;">One link to highlight</a>
  33     <a href="http://www.test.com" style="position: absolute; left: 20px; top: 320px; width: 400px;">Another link to highlight simultaneously</a>
  34 <!-- The following is the text for the iframe tag below:
  35 <html>
  36 <body>
  37 <a href="http://www.test.com" position: absolute; left: 50px; top: 30px>
  38 This is going to be a very long link to force the scrollbars to activate on the iFrame that will contain this page.
  39 </a>
  40 </body>
  41 </html>
  42 -->
  43 <!--
  44     <iframe style="scrolling: yes; width : 400px; height : 100px; position: absolute; left: 20px; top: 210px;"
  45      src="data:text/html,%3Chtml%3E%0A%3Cbody%3E%0A%3Ca%20href%3D%22http%3A%2F%2Fwww.test.com%22%20position%3A%20absolute%3B%20left%3A%2050px%3B%20top%3A%2030px%3E%0AThis%20is%20going%20to%20be%20a%20very%20long%20link%20to%20force%20the%20scrollbars%20to%20activate%20on%20the%20iFrame%20that%20will%20contain%20this%20page.%0A%3C%2Fa%3E%0A%3C%2Fbody%3E%0A%3C%2Fhtml%3E"></iframe>
  46 -->
  47   </body>
  48 </html>