iframe-rounding.html 805 B

123456789101112131415
  1. <!DOCTYPE html>
  2. <script src="resources/text-based-repaint.js"></script>
  3. <!-- 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.
  4. 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
  5. because iframes are painted in rounded-int coordinates.
  6. -->
  7. <div style="position: relative; left: 0.5px; margin: 0">
  8. <iframe id='iframe' srcdoc="<div id='target' style='position: relative; background: lightblue; width: 100px; height: 100px; left: 0.5px'></div>"></iframe>
  9. </div>
  10. <script>
  11. onload = runRepaintAndPixelTest;
  12. function repaintTest() {
  13. iframe.contentDocument.querySelector('#target').style.background = 'lightgray';
  14. }
  15. </script>