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