Index: LayoutTests/fast/multicol/scrolling-column-rules.html |
diff --git a/LayoutTests/fast/multicol/scrolling-column-rules.html b/LayoutTests/fast/multicol/scrolling-column-rules.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..b02f497a733fe32253c2b36a8c68ff29a0e1c2f9 |
--- /dev/null |
+++ b/LayoutTests/fast/multicol/scrolling-column-rules.html |
@@ -0,0 +1,41 @@ |
+<!DOCTYPE html> |
+<html> |
+ <head> |
+ <title>Column rule in scrollable multicol container</title> |
+ <style> |
+ body { |
+ margin: 0; |
+ } |
+ .mc { |
+ columns: 2; |
+ column-gap: 110px; |
+ column-rule: 100px solid; |
+ -moz-columns: 2; |
+ -moz-column-gap: 110px; |
+ -moz-column-rule: 100px solid; |
+ -webkit-columns: 2; |
+ -webkit-column-gap: 110px; |
+ -webkit-column-rule: 100px solid; |
+ orphans: 1; |
+ widows: 1; |
+ height: 100px; |
+ overflow: hidden; |
+ } |
+ </style> |
+ <script> |
+ if (window.testRunner) |
+ testRunner.waitUntilDone(); |
+ function foo() { |
+ document.getElementById('elm').scrollLeft = 200; |
+ if (window.testRunner) |
+ testRunner.notifyDone(); |
+ } |
+ </script> |
+ </head> |
+ <body onload="foo()"> |
+ <p>There should be <b>two</b> black squares below.</p> |
+ <div id="elm" class="mc"> |
+ <div style="height:600px;"></div> |
+ </div> |
+ </body> |
+</html> |