| <!DOCTYPE html> |
| <script src="../resources/text-based-repaint.js"></script> |
| <script> |
| function repaintTest() |
| { |
| document.querySelector('#outer').blur(); |
| } |
| onload = function() |
| { |
| document.querySelector('#outer').focus(); |
| runRepaintAndPixelTest(); |
| }; |
| </script> |
| <style> |
| body { height: 200px; } |
| #container { position: absolute; } |
| p, #inner { height: 20px; } |
| </style> |
| <p> |
| This test is verifying that when the focus is removed from an element we |
| correctly invalidate continuations and remove the focus ring. |
| </p> |
| <p> |
| If this test passes, you should see no focus ring. |
| </p> |
| <div id="container"> |
| <span id="outer" tabindex="1"> |
| <div id="inner">CONTENTS</div> |
| </span> |
| </div> |