summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-writing-modes/abs-pos-non-replaced-icb-vrl-024.xht
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/css-writing-modes/abs-pos-non-replaced-icb-vrl-024.xht')
-rw-r--r--testing/web-platform/tests/css/css-writing-modes/abs-pos-non-replaced-icb-vrl-024.xht45
1 files changed, 45 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-writing-modes/abs-pos-non-replaced-icb-vrl-024.xht b/testing/web-platform/tests/css/css-writing-modes/abs-pos-non-replaced-icb-vrl-024.xht
new file mode 100644
index 0000000000..a8c2386b2e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-writing-modes/abs-pos-non-replaced-icb-vrl-024.xht
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Writing Modes Test: position absolute and 'vertical-rl' - 'width' is 'auto', 'left' and 'right' are not 'auto' with direction: rtl' in initial containing block</title>
+
+ <link rel="author" title="GĂ©rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
+ <link rel="match" href="abs-pos-non-replaced-icb-vrl-008-ref.xht" />
+
+ <meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'width' is 'auto', 'left' and 'right' are not 'auto') whose containing block is the initial containing block must solve 'width'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ object#overlapping-green
+ {
+ height: 116px;
+ width: 500px;
+ vertical-align: top;
+ }
+
+ div#red-overlapped-reference
+ {
+ background-color: red;
+ bottom: 116px;
+ height: 100px;
+ left: 300px;
+ position: relative;
+ width: 100px;
+ z-index: -1;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div><object data="support/embedded-doc-abs-pos-non-replaced-icb-vrl-024.html" type="text/html" id="overlapping-green">This test requires a browser with capability to embed an HTML document thanks to the HTML &lt;object&gt; element.</object></div>
+
+ <div id="red-overlapped-reference"></div>
+
+ </body>
+</html> \ No newline at end of file