blob: b91f597d940cfccbb3bd3702e783b7c9e4f3b3da [file] [log] [blame]
<!-- Based on fast/repaint/outline-child-repaint.html -->
<script src="resources/paint-invalidation-test.js" type="text/javascript"></script>
<script type="text/javascript">
window.expectedPaintInvalidationObjects = [
"LayoutBlockFlow (positioned) DIV id='container'",
"LayoutBlockFlow DIV class='outlined'",
function paintInvalidationTest()
var container = document.getElementById('container'); = "250px";
<style type="text/css" media="screen">
#container {
position: absolute;
left: 10px;
top: 150px;
width: 200px;
height: 50px;
.outlined {
outline: 10px solid green;
height: 30px;
background-color: #DDD;
#underlay {
position: absolute;
top: 240px;
left: 0px;
width: 200px;
height: 30px;
border: 10px solid red;
<body onload="runPaintInvalidationTest();">
This is a repaint test for <i><a href=""></a>
Repaint issue with outlines in child objects</i>.
<p>If the test passes, you should not see any red below</p>
<div id="underlay">
<div id="container">
<div class="outlined">