| <!DOCTYPE html> |
| <script src="../resources/text-based-repaint.js"></script> |
| <div id="scroller" style="writing-mode: vertical-rl; width: 400px; height: 400px; overflow-x: auto; will-change: transform"> |
| <div id="target" style="width: 10000px; height:200px; background: red"></div> |
| </div> |
| <script> |
| // Tests that flipped-blocks writing mode paint invalidation and culling works correctly for a composited scroller. |
| // The result should be a green rectangle across the screen, and a scrollbar moved all the way to the left. |
| onload = runRepaintAndPixelTest; |
| function repaintTest() { |
| target.style.background = "green"; |
| scroller.scrollLeft = 0; |
| } |
| </script> |