| <!DOCTYPE html> |
| <script src="resources/text-based-repaint.js"></script> |
| <script> |
| function repaintTest() { |
| document.getElementById('child').style.left = '200px'; |
| } |
| onload = runRepaintTest; |
| </script> |
| Tests paint invalidation of focus ring when child moves. Passes if the focus ring is updated to contain the yellow areas. |
| <div style="outline: auto; position: absolute; top: 100px; left: 100px; width: 300px; height: 20px; background-color: yellow"> |
| <div id="child" style="position: absolute; top: -50px; left: 50px; width: 20px; height: 300px; background-color: yellow"></div> |
| </div> |