OLD | NEW |
1 <!-- Based on fast/repaint/focus-ring-on-continuation-move.html --> | 1 <!-- Based on fast/repaint/focus-ring-on-continuation-move.html --> |
2 <!DOCTYPE html> | 2 <!DOCTYPE html> |
3 <script src="resources/paint-invalidation-test.js"></script> | 3 <script src="resources/paint-invalidation-test.js"></script> |
4 <script> | 4 <script> |
5 window.expectedPaintInvalidationObjects = [ | |
6 "LayoutBlockFlow (relative positioned) DIV id='block'", | |
7 ]; | |
8 function paintInvalidationTest() { | 5 function paintInvalidationTest() { |
9 document.getElementById('block').style.left = '200px'; | 6 document.getElementById('block').style.left = '200px'; |
10 } | 7 } |
11 onload = runPaintInvalidationTest; | 8 onload = runPaintInvalidationTest; |
12 </script> | 9 </script> |
13 Tests paint invalidation of focus ring of an inline when a block content of the
inline moves. | 10 Tests paint invalidation of focus ring of an inline when a block content of the
inline moves. |
14 Passes if the focus ring encloses the moved green rectangle. | 11 Passes if the focus ring encloses the moved green rectangle. |
15 <div style="position: absolute; top: 200px"> | 12 <div style="position: absolute; top: 200px"> |
16 <span style="outline: auto"> | 13 <span style="outline: auto"> |
17 <div id="block" style="position: relative; width: 100px; height: 100px; back
ground-color: green"></div> | 14 <div id="block" style="position: relative; width: 100px; height: 100px; back
ground-color: green"></div> |
18 </span> | 15 </span> |
19 </div> | 16 </div> |
OLD | NEW |