blob: 87ea6091e34e6ff29d635b8563f0aa8d052498dd [file] [log] [blame]
<!-- Based on fast/repaint/selection-gap-flipped-absolute-child.html -->
<!doctype html>
<head>
<script src="resources/paint-invalidation-test.js"></script>
<script>
if (window.testRunner)
testRunner.dumpAsTextWithPixelResults();
window.expectedPaintInvalidationObjects = [
"LayoutBlockFlow HTML",
"LayoutBlockFlow BODY",
"LayoutBlockFlow DIV",
"LayoutBR BR",
"InlineTextBox '\n'",
"LayoutBlockFlow (positioned) DIV id='target'",
"LayoutBR BR",
"InlineTextBox '\n'",
];
function paintInvalidationTest()
{
var target = document.getElementById("target");
getSelection().setBaseAndExtent(target, 0, target.nextSibling, 1);
}
</script>
<style>
body { margin: 0px; }
#target::selection { background-color: green; }
</style>
</head>
<body onload="runPaintInvalidationTest()">
<div style="position: absolute; margin-right: 200px;">
<div>Bug <a href="http://webkit.org/b/111000">111000</a>: Selection gaps don't repaint correctly with transforms</div>
<div>This tests that absolute elements that get flipped are invalidated correctly. The box will be competely green if the selected area was invalidated correctly.</div>
</div>
<div style="-webkit-writing-mode: vertical-rl">
<div id="target" style="background-color: red; width: 100px; height: 100px; position: absolute;"><br/></div><br/>
</div>
</body>