Index: third_party/WebKit/LayoutTests/paint/tables/huge-table-composited-scroll.html |
diff --git a/third_party/WebKit/LayoutTests/paint/tables/huge-table-composited-scroll.html b/third_party/WebKit/LayoutTests/paint/tables/huge-table-composited-scroll.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..ddbd37f9364232f4327773ba5f015b7961803829 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/paint/tables/huge-table-composited-scroll.html |
@@ -0,0 +1,46 @@ |
+<!DOCTYPE html> |
+<style> |
+ td { |
+ padding: 0; |
+ } |
+ table { |
+ width: 10000px; |
+ height: 10000px; |
+ border-spacing: 0; |
+ } |
+ ::-webkit-scrollbar { |
+ width: 0; |
+ height: 0; |
+ } |
+</style> |
+<div id="container" style="will-change: transform; overflow: scroll; width: 400px; height: 400px"> |
+ <table id="table"> |
+ <colgroup> |
+ <col style="background-color: red"> |
+ <col style="background-color: gray"> |
+ <col style="background-color: magenta"> |
+ <col style="background-color: blue"> |
+ <col style="background-color: cyan"> |
+ <col style="background-color: yellow"> |
+ <col style="background-color: orange"> |
+ <col style="background-color: green"> |
+ </colgroup> |
+ <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> |
+ <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> |
+ <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> |
+ <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> |
+ <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> |
+ <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> |
+ <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> |
+ <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> |
+ <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> |
+ <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> |
+ </table> |
+</div> |
+<script src="../../resources/run-after-layout-and-paint.js"></script> |
+<script> |
+runAfterLayoutAndPaint(function() { |
+ container.scrollTop = 9000; |
+ container.scrollLeft = 9000; |
+}, true); |
+</script> |