Index: third_party/WebKit/LayoutTests/imported/csswg-test/css-writing-modes-3/outline-inline-block-vrl-006.html |
diff --git a/third_party/WebKit/LayoutTests/imported/csswg-test/css-writing-modes-3/outline-inline-vrl-006.html b/third_party/WebKit/LayoutTests/imported/csswg-test/css-writing-modes-3/outline-inline-block-vrl-006.html |
similarity index 55% |
copy from third_party/WebKit/LayoutTests/imported/csswg-test/css-writing-modes-3/outline-inline-vrl-006.html |
copy to third_party/WebKit/LayoutTests/imported/csswg-test/css-writing-modes-3/outline-inline-block-vrl-006.html |
index e579882d87b0be0c38a7d3c772bd8db9a8db5248..15a9657de88930c62c625cbf7a2d1e46f9bb0742 100644 |
--- a/third_party/WebKit/LayoutTests/imported/csswg-test/css-writing-modes-3/outline-inline-vrl-006.html |
+++ b/third_party/WebKit/LayoutTests/imported/csswg-test/css-writing-modes-3/outline-inline-block-vrl-006.html |
@@ -1,24 +1,32 @@ |
<!DOCTYPE html> |
-<title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode</title> |
-<link rel="match" href="reference/outline-inline-vrl-006.html" /> |
+<title>CSS Writing Modes Test: outline layout and inline-block and vertical-rl writing-mode</title> |
+<link rel="match" href="reference/outline-inline-block-vrl-006.html" /> |
<link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com" /> |
<link rel="help" title="7.1. Principles of Layout in Vertical Writing Modes" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" /> |
<link rel="help" title="18.4 Dynamic outlines: the 'outline' property" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" /> |
<meta content="ahem" name="flags" /> |
<style> |
-div { |
+.container { |
color:transparent; |
font:50px/1 Ahem; |
- width:2em; |
height:5em; |
-} |
-.vrl { |
writing-mode:vertical-rl; |
} |
.outline { |
color:orange; |
+ display:inline-block; |
outline:blue solid 2px; |
} |
</style> |
<p>Test passes if inside of blue rectangles are orange. |
-<div class="vrl">1234<span class="outline">5 6</span>7890</div> |
+<div class="container"> |
+ <!-- |
+ Additional div to ensure that the origin of the containing block of the |
+ outline span is different from the origin of the writing mode root. |
+ --> |
+ <div>1</div> |
+ <div>12345<span class="outline">67</span></div> |
+ <div>1</div> |
+ <div>1</div> |
+ <div>1</div> |
+</div> |