transform-floating-point-invalidation.html 891 B

123456789101112131415161718192021222324252627282930313233
  1. <!DOCTYPE html>
  2. <html lang="en" class="reftest-wait"
  3. reftest-displayport-x="0"
  4. reftest-displayport-y="0"
  5. reftest-displayport-w="800"
  6. reftest-displayport-h="1000">
  7. <meta charset="utf-8">
  8. <title>Scrolling shouldn't invalidate the rect</title>
  9. <body>
  10. <svg width="824" height="1375" viewBox="0 0 660 1100">
  11. <rect x="100" y="600" width="120" height="120" fill="#EEE"
  12. transform="matrix(0,0.969665,-2.0321494,0,1828.58132,65.718239)"
  13. class="reftest-no-paint"/>
  14. </svg>
  15. <script>
  16. var scrollPositions = [81, 82];
  17. if (location.search.includes("reverse")) {
  18. scrollPositions.reverse();
  19. }
  20. document.documentElement.scrollTop = scrollPositions[0];
  21. function doTest() {
  22. document.documentElement.scrollTop = scrollPositions[1];
  23. document.documentElement.removeAttribute("class");
  24. }
  25. document.addEventListener("MozReftestInvalidate", doTest, false);
  26. </script>