inactive-layertree-visible-region-2.html 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  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 the horizontal bar away shouldn't invalidate the green rectangle</title>
  9. <style>
  10. .wrapper {
  11. transform: translateY(1px);
  12. }
  13. .content {
  14. box-sizing: border-box;
  15. border: 1px solid rgba(0, 0, 0, 0.2);
  16. }
  17. .first {
  18. height: 20px;
  19. }
  20. .second {
  21. margin-left: auto;
  22. width: 20px;
  23. height: 200px;
  24. }
  25. .reftest-no-paint {
  26. margin: -150px 100px 0;
  27. height: 100px;
  28. border-color: lime;
  29. }
  30. body {
  31. margin: 0;
  32. padding: 50px;
  33. height: 3000px;
  34. }
  35. </style>
  36. <div class="wrapper">
  37. <div class="wrapper">
  38. <div class="first content"></div>
  39. <div class="second content"></div>
  40. </div>
  41. </div>
  42. <div class="reftest-no-paint content"></div>
  43. <script>
  44. function doTest() {
  45. document.documentElement.scrollTop = 100;
  46. document.documentElement.removeAttribute("class");
  47. }
  48. document.addEventListener("MozReftestInvalidate", doTest, false);
  49. </script>