| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style> | 2 <style> |
| 3 #t { width: 600px; height: 400px; } | 3 #t { width: 600px; height: 400px; } |
| 4 #t::first-line { background-color: red; } | 4 #t::first-line { background-color: red; } |
| 5 #t:hover::first-line { background-color: green; } | 5 #t:hover::first-line { background-color: green; } |
| 6 </style> | 6 </style> |
| 7 <div id="t"> | 7 <div id="t"> |
| 8 <div> | 8 <div> |
| 9 <p>This text should have a green background when hovered.</p> | 9 <p>This text should have a green background when hovered.</p> |
| 10 </div> | 10 </div> |
| 11 </div> | 11 </div> |
| 12 <script src="../../resources/run-after-layout-and-paint.js"></script> |
| 12 <script> | 13 <script> |
| 13 document.body.offsetTop; // Force layout. The mouse is not tracked before first
layout. | 14 runAfterLayoutAndPaint(function() { |
| 14 | 15 if (window.eventSender) |
| 15 if (window.eventSender) | |
| 16 eventSender.mouseMoveTo(100, 100); // Hover. | 16 eventSender.mouseMoveTo(100, 100); // Hover. |
| 17 | 17 document.body.offsetTop; // Update layout for the hovered state. |
| 18 document.body.offsetTop; // Update layout for the hovered state. | 18 }, true); |
| 19 </script> | 19 </script> |
| OLD | NEW |