| <!DOCTYPE html> |
| <style> |
| a { |
| background: red; |
| } |
| a:hover { |
| background: green; |
| } |
| #table { |
| display: table; |
| overflow: hidden; |
| } |
| </style> |
| <script src="../../../resources/run-after-layout-and-paint.js"></script> |
| <script> |
| onload = function() { |
| var tableBox = table.getBoundingClientRect(); |
| var tableCenterX = (tableBox.left + tableBox.right) / 2; |
| var tableCenterY = (tableBox.top + tableBox.bottom) / 2; |
| |
| if (window.eventSender) |
| eventSender.mouseMoveTo(tableCenterX, tableCenterY); |
| |
| runAfterLayoutAndPaint(function() {}, true); |
| } |
| </script> |
| <!-- |
| REGRESSION(r110072): :hover doesn't work on table child with overflow: hidden |
| http://webkit.org/b/81460 |
| To test this bug outside DRT, hover on the link below. |
| --> |
| <div id="table"> |
| <a href="#" >When hovered, the background should be green.</a> |
| </div> |