| <!DOCTYPE html> |
| <script src="resources/text-based-repaint.js"></script> |
| <script> |
| function repaintTest() |
| { |
| document.querySelector('#outer').style['outline-color'] ='green'; |
| } |
| onload = runRepaintTest; |
| </script> |
| <style> |
| body { height: 200px; } |
| #container { position: absolute; } |
| p, #inner { height: 20px; } |
| #outer { outline: 2px solid red; } |
| </style> |
| <p> |
| This test is verifying that when the outline is modified on an element |
| that we correctly invalidate any continuations. |
| </p> |
| <p> |
| If this test passes, you should see a green border around the text contents. |
| </p> |
| <div id="container"> |
| <span id="outer"> |
| <div id="inner">CONTENTS</div> |
| </span> |
| </div> |