| <!DOCTYPE html> |
| <style> |
| div { |
| /* Not using will-change:transform because it ignores subpixel accumulation. */ |
| will-change: opacity; |
| height: 50.2px; |
| border: 1px solid black; |
| margin-top: 2px; |
| } |
| #first { |
| background-color: yellow; |
| margin-top: 100.3px; |
| } |
| </style> |
| <div id="first"></div> |
| <div></div> |
| <div></div> |
| <div></div> |
| <div></div> |
| <div></div> |
| <div></div> |
| <script src="../resources/text-based-repaint.js"></script> |
| <script> |
| // Disable under-invalidation checking which would force full layer |
| // invalidation on subpixel accumulation change. |
| if (window.internals) |
| internals.runtimeFlags.paintUnderInvalidationCheckingEnabled = false; |
| function repaintTest() { |
| first.style.marginTop = '110.1px'; |
| } |
| onload = runRepaintAndPixelTest; |
| </script> |