blob: 2209d242652dccc9c7aec098c617847b7ce8324f [file] [log] [blame]
<!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>