third_party/WebKit/LayoutTests/fast/repaint/focus-layers.html

   1 <html>
   2 <head>
   3 <style type="text/css">
   4 a {
   5     border: 2px solid red;
   6     position: relative;
   7 }
   8 a span.relative {
   9     border: 2px solid blue;
  10     white-space: nowrap;
  11     position: relative;
  12     top: 10em;
  13 }
  14 a span.absolute {
  15     border: 2px solid green;
  16     white-space: nowrap;
  17     position: absolute;
  18     top: 12em;
  19 }
  20 </style>
  21
  22 </head>
  23 <body>
  24 <div>
  25
  26 Both <a href="#" id="link">this and <span class="relative">this should have correctly placed focus rings</span> <span class = "absolute">but not this</span>.</a>
  27 </div>
  28
  29 <script>
  30 document.getElementById('link').focus();
  31 </script>
  32 </body>
  33 </html>