Index: LayoutTests/fast/css/overflow-rtl-border-after.html |
diff --git a/LayoutTests/fast/css/overflow-rtl-border-after.html b/LayoutTests/fast/css/overflow-rtl-border-after.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..579bb18d63f2df94819de50f5794b4c000754541 |
--- /dev/null |
+++ b/LayoutTests/fast/css/overflow-rtl-border-after.html |
@@ -0,0 +1,33 @@ |
+<!DOCTYPE html> |
+<html> |
+ <head> |
+ <title>Border-after in vertical-rl mode, non-visible overflow</title> |
+ <style> |
+ body { color:black; background:white; } |
+ #container { |
+ -webkit-writing-mode: vertical-rl; |
+ overflow:hidden; |
+ -webkit-logical-height:100px; |
+ -webkit-border-after:150px solid white; |
+ background:red; |
+ } |
+ #inner { -webkit-logical-height:200px; background:white; } |
+ </style> |
+ <script> |
+ if (window.testRunner) |
+ testRunner.dumpAsText(); |
+ </script> |
+ </head> |
+ <body> |
+ <p>The word 'HEST' should be seen below, and there should be no red.</p> |
+ <div id="container"> |
+ <div id="inner">HEST</div> |
+ </div> |
+ <script> |
+ if (window.testRunner) { |
+ var logicalHeight = container.scrollWidth; |
+ document.body.innerHTML = logicalHeight == 200 ? "PASS" : "FAIL - logicalHeight was " + logicalHeight; |
+ } |
+ </script> |
+ </body> |
+</html> |