123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 |
- <!DOCTYPE html>
- <html lang="en" class="reftest-wait"
- reftest-displayport-x="0"
- reftest-displayport-y="0"
- reftest-displayport-w="800"
- reftest-displayport-h="1000">
- <meta charset="utf-8">
- <title>Scrolling the horizontal bar away shouldn't invalidate the green rectangle</title>
- <style>
- .wrapper {
- transform: translateY(1px);
- }
- .content {
- box-sizing: border-box;
- border: 1px solid rgba(0, 0, 0, 0.2);
- }
- .first {
- height: 20px;
- }
- .second {
- margin-left: auto;
- width: 20px;
- height: 200px;
- }
- .reftest-no-paint {
- margin: -150px 100px 0;
- height: 100px;
- border-color: lime;
- }
- body {
- margin: 0;
- padding: 50px;
- height: 3000px;
- }
- </style>
- <div class="wrapper">
- <div class="wrapper">
- <div class="first content"></div>
- <div class="second content"></div>
- </div>
- </div>
- <div class="reftest-no-paint content"></div>
- <script>
- function doTest() {
- document.documentElement.scrollTop = 100;
- document.documentElement.removeAttribute("class");
- }
- document.addEventListener("MozReftestInvalidate", doTest, false);
- </script>
|