blob: 1052e39d8e420ea35e0c5d6e6da22da767efdff5 [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>
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>