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

   1 <!DOCTYPE html>
   2 <script src="resources/text-based-repaint.js"></script>
   3 <script>
   4 function repaintTest()
   5 {
   6   document.querySelector('#outer').blur();
   7 }
   8 onload = function()
   9 {
  10   document.querySelector('#outer').focus();
  11   runRepaintTest();
  12 };
  13 </script>
  14 <style>
  15 body { height: 200px; }
  16 #container { position: absolute; }
  17 p, #inner { height: 20px; }
  18 </style>
  19 <p>
  20   This test is verifying that when the focus is removed from an element we
  21   correctly invalidate continuations and remove the focus ring.
  22 </p>
  23 <p>
  24   If this test passes, you should see no focus ring.
  25 </p>
  26 <div id="container">
  27   <span id="outer" tabindex="1">
  28       <div id="inner">CONTENTS</div>
  29   </span>
  30 </div>