<!DOCTYPE html>
<script src="resources/text-based-repaint.js"></script>
<!-- The div within the iframe is at 0.5px from the iframe bounds, and the div containing the iframe is at 0.5px from the top-left of the screen.
This test checks that the latter 0.5px is rounded to 1 before being added to the 0.5px and then rounded up again to an invalidation rect. This is
because iframes are painted in rounded-int coordinates.
-->
<div style="position: relative; left: 0.5px; margin: 0">
<iframe id='iframe' srcdoc="<div id='target' style='position: relative; background: lightblue; width: 100px; height: 100px; left: 0.5px'></div>"></iframe>
</div>
<script>
onload = runRepaintAndPixelTest;
function repaintTest() {
iframe.contentDocument.querySelector('#target').style.background = 'lightgray';
}
</script>
Codebase Browser
chromium