src/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{
   9     border: 2px solid blue;
  10     white-space:nowrap;
  11     position:absolute;
  12     top:10em;
  13     left:0;
  14 }
  15 </style>
  16
  17 </head>
  18 <body>
  19 <div>
  20
  21 Both <a href="#" id="link">this and<span>this should have correctly placed focus rings</span></a>
  22 </div>
  23
  24 <script>
  25 document.getElementById('link').focus();
  26 </script>
  27 </body>
  28 </html>