blob: 0b76dffdc44b6857bdc0aa7958536431b791c06f [file] [log] [blame]
<!-- Based on fast/repaint/hover-pseudo-borders.html -->
<!DOCTYPE html>
.hitregion {
width: 100px;
height: 100px;
background-color: red;
.hitregion:after {
content: "";
border: 40px solid;
outline: 10px solid;
position: absolute;
width: 0;
height: 0;
margin-left: 140px;
margin-top: 10px;
.hitregion:hover {
background-color: green; /* Changes the left box's color. */
.hitregion:hover:after {
color: green; /* Changes the right box's color. */
<script src="resources/paint-invalidation-test.js"></script>
window.expectedPaintInvalidationObjects = [
"LayoutBlockFlow DIV class='hitregion'",
"LayoutBlockFlow (positioned) \u003Cpseudo:after\u003E",
"LayoutTextFragment (anonymous)",
function paintInvalidationTest() {
if (!window.testRunner)
eventSender.mouseMoveTo(50, 50);
window.addEventListener("load", runPaintInvalidationTest);
REGRESSION: :hover doesn't work on :after content with borders or outlines.
To test this bug outside DRT, hover on the square below.
This test passes if there are two green squares.
<div class="hitregion"></div>