diff options
1506 files changed, 43337 insertions, 15671 deletions
diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-8.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-8.htm index e2e3042edd7..bd8ce97efc4 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-8.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-8.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Alignment (161 tests)</h2> + <h2>Alignment (162 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -844,7 +844,7 @@ </tr> </tbody> <tbody id="s8.3.#propdef-align-items"> - <!-- 28 tests --> + <!-- 29 tests --> <tr id="align-items-001-8.3.#propdef-align-items" class=""> <td> <a href="align-items-001.htm">align-items-001</a></td> @@ -994,6 +994,17 @@ <td>flexbox | align-items: stretch </td> </tr> + <tr id="flexbox_align-items-stretch-writing-modes-8.3.#propdef-align-items" class="primary"> + <td><strong> + <a href="flexbox_align-items-stretch-writing-modes.htm">flexbox_align-items-stretch-writing-modes</a></strong></td> + <td><a href="reference/flexbox_align-items-stretch-writing-modes-ref.htm">=</a> </td> + <td></td> + <td>Flexbox align-items: stretch with writing-mode vertical-lr and vertical-rl + <ul class="assert"> + <li>vertical-writing-mode flex items should stretch</li> + </ul> + </td> + </tr> <tr id="flexbox_align-self-auto-8.3.#propdef-align-items" class="primary"> <td><strong> <a href="flexbox_align-self-auto.htm">flexbox_align-self-auto</a></strong></td> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_align-items-stretch-writing-modes.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_align-items-stretch-writing-modes.htm new file mode 100644 index 00000000000..6bec4cb74c3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_align-items-stretch-writing-modes.htm @@ -0,0 +1,58 @@ +<!DOCTYPE html> +<html><head> + <title>CSS Test: Flexbox align-items: stretch with writing-mode vertical-lr and vertical-rl</title> + <link href="mailto:mitsuteru.s@gmail.com" rel="author" title="Mitsuteru Sawa"> + <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins Jr."> + <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help"> + <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help"> + <link href="reference/flexbox_align-items-stretch-writing-modes-ref.htm" rel="match"> + <meta content="vertical-writing-mode flex items should stretch" name="assert"> + <style> + .container { + display: flex; + width: 250px; + } + .vertical-rl { + writing-mode: vertical-rl; + } + .vertical-lr { + writing-mode: vertical-lr; + } + .item { + background-color: green; + } + .square { + height: 50px; + width: 50px; + } + .error { + position: absolute; + background-color: red; + height: 100px; + width: 250px; + z-index: -1; + } + </style> +</head> +<body> + <p>The test passes if you see a green rectangle and no red.</p> + <div class="test"> + <div class="error"></div> + <div class="container"> + <div class="horizontal item"> + <div class="square"></div> + <div class="square"></div> + </div> + <div class="vertical-rl item"> + <div class="square"></div> + <div class="square"></div> + </div> + <div class="vertical-lr item"> + <div class="square"></div> + <div class="square"></div> + </div> + </div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/writing-mode-stretch-001-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox_align-items-stretch-writing-modes-ref.htm index 0d30595c766..0d30595c766 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/writing-mode-stretch-001-ref.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox_align-items-stretch-writing-modes-ref.htm diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/100x100-lime.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/100x100-lime.png Binary files differnew file mode 100644 index 00000000000..1b947700808 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/100x100-lime.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/100x100-red.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/100x100-red.png Binary files differnew file mode 100644 index 00000000000..57bf3ddc521 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/100x100-red.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/DejaVuSerif-webfont.woff b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/DejaVuSerif-webfont.woff Binary files differnew file mode 100644 index 00000000000..4583cc675d7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/DejaVuSerif-webfont.woff diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differnew file mode 100644 index 00000000000..84ad57bef5a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/adobe-fonts/LICENSE b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/adobe-fonts/LICENSE new file mode 100644 index 00000000000..ac5f0b04320 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/adobe-fonts/LICENSE @@ -0,0 +1,31 @@ +CSS Half-Width Orientation Test and CSS Full-Width Orientation Test are released under the SIL Open Font License - please read it carefully and do not download the fonts unless you agree to the the terms of the license: +Copyright © 2013 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Names CSS Half-Width Orientation Test and CSS Full-Width Orientation Test +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL + +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others. +The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright Holder(s) under this license and clearly marked as such. This may include source files, build scripts and documentation. +"Reserved Font Name" refers to any names specified as such after the copyright statement(s). +"Original Version" refers to the collection of Font Software components as distributed by the Copyright Holder(s). +"Modified Version" refers to any derivative made by adding to, deleting, or substituting -- in part or in whole -- any of the components of the Original Version, by changing formats or by porting the Font Software to a new environment. +"Author" refers to any designer, engineer, programmer, technical writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining a copy of the Font Software, to use, study, copy, merge, embed, modify, redistribute, and sell modified and unmodified copies of the Font Software, subject to the following conditions: +1) Neither the Font Software nor any of its individual components, in Original or Modified Versions, may be sold by itself. +2) Original or Modified Versions of the Font Software may be bundled, redistributed and/or sold with any software, provided that each copy contains the above copyright notice and this license. These can be included either as stand-alone text files, human-readable headers or in the appropriate machine-readable metadata fields within text or binary files as long as those fields can be easily viewed by the user. +3) No Modified Version of the Font Software may use the Reserved Font Name(s) unless explicit written permission is granted by the corresponding Copyright Holder. This restriction only applies to the primary font name as presented to the users. +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software shall not be used to promote, endorse or advertise any Modified Version, except to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) or with their explicit written permission. +5) The Font Software, modified or unmodified, in part or in whole, must be distributed entirely under this license, and must not be distributed under any other license. The requirement for fonts to remain under this license does not apply to any document created using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/adobe-fonts/README.md new file mode 100644 index 00000000000..686cb0c4279 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/adobe-fonts/README.md @@ -0,0 +1,43 @@ +CSS Orientation Test +==== + +Overview +---- +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. + +Getting Involved +---- +Send suggestions for changes to the CSS Orientation Test project maintainer, lunde@adobe.com, for consideration. + +Building +==== + +Pre-built font binaries +---- +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). + + +Requirements +---- + +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. + +Building the fonts +---- + +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. + +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: + + % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H + % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf + % sfntedit -f CSSFWOrientationTest.otf + +That is all. diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/bg-red-1col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/bg-red-1col-2row-320x320.png Binary files differnew file mode 100644 index 00000000000..7ca197bc06e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/bg-red-1col-2row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/bg-red-1col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/bg-red-1col-3row-320x320.png Binary files differnew file mode 100644 index 00000000000..f5c13ab550d --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/bg-red-1col-3row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/bg-red-2col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/bg-red-2col-2row-320x320.png Binary files differnew file mode 100644 index 00000000000..4f354e93527 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/bg-red-2col-2row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/bg-red-2col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/bg-red-2col-3row-320x320.png Binary files differnew file mode 100644 index 00000000000..6eded69a4a3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/bg-red-2col-3row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/bg-red-3col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/bg-red-3col-2row-320x320.png Binary files differnew file mode 100644 index 00000000000..5f4b53c46b7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/bg-red-3col-2row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/bg-red-3col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/bg-red-3col-3row-320x320.png Binary files differnew file mode 100644 index 00000000000..4c2f6c8e632 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/bg-red-3col-3row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/bg-red-4col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/bg-red-4col-2row-320x320.png Binary files differnew file mode 100644 index 00000000000..052d224df11 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/bg-red-4col-2row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/bg-red-4col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/bg-red-4col-3row-320x320.png Binary files differnew file mode 100644 index 00000000000..1826531268a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/bg-red-4col-3row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/block-flow-direction-025-exp-res.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/block-flow-direction-025-exp-res.png Binary files differnew file mode 100644 index 00000000000..851eeea0398 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/block-flow-direction-025-exp-res.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/block-flow-direction-066-exp-res.png Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/block-flow-direction-066-exp-res.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/blue-horiz-line-220x1.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/blue-horiz-line-220x1.png Binary files differnew file mode 100644 index 00000000000..3898d5a2d9e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/blue-horiz-line-220x1.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/blue-horiz-line-320x1.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/blue-horiz-line-320x1.png Binary files differnew file mode 100644 index 00000000000..7d9151c848a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/blue-horiz-line-320x1.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/blue-vert-line-1x220.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/blue-vert-line-1x220.png Binary files differnew file mode 100644 index 00000000000..07b0239fc52 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/blue-vert-line-1x220.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/blue-vert-line-1x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/blue-vert-line-1x320.png Binary files differnew file mode 100644 index 00000000000..6049e271506 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/blue-vert-line-1x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/blue-yellow-206w-165h.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/blue-yellow-206w-165h.png Binary files differnew file mode 100644 index 00000000000..47ceb84d3fb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/blue-yellow-206w-165h.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/blue1x1.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/blue1x1.png Binary files differnew file mode 100644 index 00000000000..667b6558892 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/blue1x1.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/blue20x20.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/blue20x20.png Binary files differnew file mode 100644 index 00000000000..e0af5553303 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/blue20x20.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/clearance-calculation-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/clearance-calculation-vrl-002.png Binary files differnew file mode 100644 index 00000000000..7fc9f14ed6e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/clearance-calculation-vrl-002.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/clearance-calculation-vrl-004.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/clearance-calculation-vrl-004.png Binary files differnew file mode 100644 index 00000000000..2d1355e3bdb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/clearance-calculation-vrl-004.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/clearance-calculation-vrl-006.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/clearance-calculation-vrl-006.png Binary files differnew file mode 100644 index 00000000000..5145c22c485 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/clearance-calculation-vrl-006.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-007.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-007.html new file mode 100644 index 00000000000..5af681f14eb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-007.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-007 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-lr' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0 . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-009.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-009.html new file mode 100644 index 00000000000..d5d94382ea2 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-009.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-009 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-lr' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: auto; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 400px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 300px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-015.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-015.html new file mode 100644 index 00000000000..887565e66d4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-015.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-015 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width (set to shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px == 300px) + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px. + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-017.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-017.html new file mode 100644 index 00000000000..c38de525145 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-017.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-017 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width (set to shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px == 300px) + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px. + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-019.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-019.html new file mode 100644 index 00000000000..66be0f4eba9 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-019.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-019 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green solid 35px; + border-right: green solid 15px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: 50px; + writing-mode: vertical-lr; + } + + /* + " + 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-021.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-021.html new file mode 100644 index 00000000000..eff5f71a450 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-021.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-021 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green solid 35px; + border-right: green solid 15px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: 50px; + writing-mode: vertical-lr; + } + + /* + " + 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-023.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-023.html new file mode 100644 index 00000000000..2da3bf3dd53 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-023.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-023 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + solve : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used width value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-025.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-025.html new file mode 100644 index 00000000000..572557eb339 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-025.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-025 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + solve : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used width value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-027.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-027.html new file mode 100644 index 00000000000..8537a945fbc --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-027.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-027 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: 20%; + writing-mode: vertical-lr; + } + + /* + " + 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + auto : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-029.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-029.html new file mode 100644 index 00000000000..95047f16a92 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-029.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-029 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: 20%; + writing-mode: vertical-lr; + } + + /* + " + 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + auto : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-031.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-031.html new file mode 100644 index 00000000000..4f1aa674eba --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-031.html @@ -0,0 +1,96 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-031 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - overconstrained values with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + margin-left: 0px; + margin-right: 0px; + position: absolute; + right: 40%; + top: 0px; + width: 20%; + writing-mode: vertical-lr; + } + + /* + " + If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 40% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + +ignore and solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-033.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-033.html new file mode 100644 index 00000000000..1f35ff47dd6 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-033.html @@ -0,0 +1,96 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-033 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - overconstrained values with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 20%; + margin-left: 0px; + margin-right: 0px; + position: absolute; + right: 20%; + top: 0px; + width: 20%; + writing-mode: vertical-lr; + } + + /* + " + If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 20% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + +ignore and solve : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 300px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-006.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-006.html new file mode 100644 index 00000000000..3f4f1c935ca --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-006.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-006 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-008.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-008.html new file mode 100644 index 00000000000..1c0bb78e74d --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-008.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-008 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: auto; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 300px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-014.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-014.html new file mode 100644 index 00000000000..c193112b600 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-014.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-014 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width (set to shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px == 300px) + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px. + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-016.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-016.html new file mode 100644 index 00000000000..204a08ef3df --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-016.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-016 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width (set to shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px == 300px) + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px. + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-018.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-018.html new file mode 100644 index 00000000000..a71927cf3a8 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-018.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-018 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green solid 35px; + border-right: green solid 15px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: 50px; + writing-mode: vertical-rl; + } + + /* + " + 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-020.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-020.html new file mode 100644 index 00000000000..e1054bc2a96 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-020.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-020 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green solid 35px; + border-right: green solid 15px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: 50px; + writing-mode: vertical-rl; + } + + /* + " + 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-022.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-022.html new file mode 100644 index 00000000000..39f297f1b9c --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-022.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-022 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + solve : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used width value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-024.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-024.html new file mode 100644 index 00000000000..26e0ec67fd1 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-024.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-024 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + solve : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used width value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-026.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-026.html new file mode 100644 index 00000000000..a0b80d99e3a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-026.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-026 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: 20%; + writing-mode: vertical-rl; + } + + /* + " + 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + auto : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-028.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-028.html new file mode 100644 index 00000000000..62d74144fee --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-028.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-028 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: 20%; + writing-mode: vertical-rl; + } + + /* + " + 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + auto : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-030.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-030.html new file mode 100644 index 00000000000..21efbe52bc5 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-030.html @@ -0,0 +1,96 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-030 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - overconstrained values with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + margin-left: 0px; + margin-right: 0px; + position: absolute; + right: 40%; + top: 0px; + width: 20%; + writing-mode: vertical-rl; + } + + /* + " + If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 40% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + +ignore and solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-032.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-032.html new file mode 100644 index 00000000000..748f325d8d7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-032.html @@ -0,0 +1,96 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-032 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - overconstrained values with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 20%; + margin-left: 0px; + margin-right: 0px; + position: absolute; + right: 20%; + top: 0px; + width: 20%; + writing-mode: vertical-rl; + } + + /* + " + If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 20% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + +ignore and solve : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 300px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-for-background-size-root-vrl-002.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-for-background-size-root-vrl-002.html new file mode 100644 index 00000000000..044da84cff8 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-for-background-size-root-vrl-002.html @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html><head> + + <meta charset="UTF-8"> + + <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> + <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> + + <title>Embedded HTML document for background-size-document-root-vrl-002</title> + + <style> + html + { + background-image: url("swatch-green.png"); + background-repeat: no-repeat; + background-size: 100% 100%; + writing-mode: vertical-rl; + + width: 100px; + } + </style> + + </head> + +<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-for-background-size-root-vrl-004.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-for-background-size-root-vrl-004.html new file mode 100644 index 00000000000..68fca9ad435 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-for-background-size-root-vrl-004.html @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<html><head> + + <meta charset="UTF-8"> + + <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> + <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> + + <title>Embedded HTML document for background-size-document-root-vrl-004</title> + + <style> + html + { + background-image: url("swatch-green.png"); + background-repeat: no-repeat; + background-size: 100% 100%; + writing-mode: vertical-rl; + + border-right: green solid 20px; + width: 80px; + } + </style> + + </head> + +<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-for-background-size-root-vrl-006.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-for-background-size-root-vrl-006.html new file mode 100644 index 00000000000..38a614d2346 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-for-background-size-root-vrl-006.html @@ -0,0 +1,27 @@ +<!DOCTYPE html> +<html><head> + + <meta charset="UTF-8"> + + <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> + <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> + + <title>Embedded HTML document for background-size-document-root-vrl-006</title> + + <style> + html + { + background-image: url("swatch-green.png"); + background-repeat: no-repeat; + background-size: 100% 100%; + writing-mode: vertical-rl; + + margin-right: 50px; + padding-right: 50px; + width: 50px; + } + </style> + + </head> + +<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-for-background-size-root-vrl-008.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-for-background-size-root-vrl-008.html new file mode 100644 index 00000000000..048ad073944 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/embedded-doc-for-background-size-root-vrl-008.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html><head> + + <meta charset="UTF-8"> + + <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> + <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> + + <title>Embedded HTML document for background-size-document-root-vrl-008</title> + + <style> + html + { + background-image: url("swatch-green.png"); + background-repeat: no-repeat; + background-size: 100% 100%; + writing-mode: vertical-rl; + + border-left: white solid 20px; + margin-right: 50px; + padding-right: 50px; + width: 50px; + } + </style> + + </head> + +<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/form-controls-slr.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/form-controls-srl.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/form-controls-vlr.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/left-bottom-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/left-bottom-200x300.png Binary files differnew file mode 100644 index 00000000000..6e30eba507a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/left-bottom-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/left-bottom-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/left-bottom-green-200x300.png Binary files differnew file mode 100644 index 00000000000..30668751dfb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/left-bottom-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/left-center-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/left-center-200x300.png Binary files differnew file mode 100644 index 00000000000..6025c4e85be --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/left-center-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/left-center-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/left-center-green-200x300.png Binary files differnew file mode 100644 index 00000000000..b2645c0fe69 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/left-center-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/left-side-filled-square-40x160.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/left-side-filled-square-40x160.png Binary files differnew file mode 100644 index 00000000000..86fd7e5671d --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/left-side-filled-square-40x160.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/left-top-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/left-top-200x300.png Binary files differnew file mode 100644 index 00000000000..43e739acbc2 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/left-top-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/margin-collapse-2em-space-wm-vert.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/margin-collapse-2em-space-wm-vert.png Binary files differnew file mode 100644 index 00000000000..8a2fa55efdf --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/margin-collapse-2em-space-wm-vert.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/mplus-1p-regular.woff b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/mplus-1p-regular.woff Binary files differnew file mode 100644 index 00000000000..42cfff628b4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/mplus-1p-regular.woff diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/opaque-square-40x160.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/opaque-square-40x160.png Binary files differnew file mode 100644 index 00000000000..11636f5f771 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/opaque-square-40x160.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/page-flow-direction-002p1.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/page-flow-direction-002p1.png Binary files differnew file mode 100644 index 00000000000..f5adb11b4b4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/page-flow-direction-002p1.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/page-flow-direction-002p2.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/page-flow-direction-002p2.png Binary files differnew file mode 100644 index 00000000000..7ecf84bae34 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/page-flow-direction-002p2.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/page-flow-direction-002p3.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/page-flow-direction-002p3.png Binary files differnew file mode 100644 index 00000000000..d7c58d62243 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/page-flow-direction-002p3.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/page-flow-direction-002p4.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/page-flow-direction-002p4.png Binary files differnew file mode 100644 index 00000000000..04dc0fe2e9e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/page-flow-direction-002p4.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-abs-pos-non-replaced.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-abs-pos-non-replaced.png Binary files differnew file mode 100644 index 00000000000..15fd6065ef6 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-abs-pos-non-replaced.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-bg-pos-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-bg-pos-vrl-002.png Binary files differnew file mode 100644 index 00000000000..a0db6909418 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-bg-pos-vrl-002.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-bg-pos-vrl-004.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-bg-pos-vrl-004.png Binary files differnew file mode 100644 index 00000000000..ec130f10f46 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-bg-pos-vrl-004.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-bg-pos-vrl-006.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-bg-pos-vrl-006.png Binary files differnew file mode 100644 index 00000000000..981741b7e53 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-bg-pos-vrl-006.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-bg-pos-vrl-008.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-bg-pos-vrl-008.png Binary files differnew file mode 100644 index 00000000000..9b2a0610e4e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-bg-pos-vrl-008.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-bg-pos-vrl-010.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-bg-pos-vrl-010.png Binary files differnew file mode 100644 index 00000000000..a2d66146186 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-bg-pos-vrl-010.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-bg-pos-vrl-012.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-bg-pos-vrl-012.png Binary files differnew file mode 100644 index 00000000000..23b1beb9cd4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-bg-pos-vrl-012.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-bg-pos-vrl-014.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-bg-pos-vrl-014.png Binary files differnew file mode 100644 index 00000000000..64e081c72f1 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-bg-pos-vrl-014.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-bg-pos-vrl-016.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-bg-pos-vrl-016.png Binary files differnew file mode 100644 index 00000000000..952e0089b8f --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-bg-pos-vrl-016.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-bg-pos-vrl-018.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-bg-pos-vrl-018.png Binary files differnew file mode 100644 index 00000000000..22f51030c36 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-bg-pos-vrl-018.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-box-offsets-rel-pos.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-box-offsets-rel-pos.png Binary files differnew file mode 100644 index 00000000000..e81c0ae4cf5 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-box-offsets-rel-pos.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-clearance-calculations.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-clearance-calculations.png Binary files differnew file mode 100644 index 00000000000..ec502d3532a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-clearance-calculations.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-first-page-vlr-003.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-first-page-vlr-003.png Binary files differnew file mode 100644 index 00000000000..f8c677b8e05 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-first-page-vlr-003.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-first-page-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-first-page-vrl-002.png Binary files differnew file mode 100644 index 00000000000..48555d3acc8 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-first-page-vrl-002.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-float-contiguous.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-float-contiguous.png Binary files differnew file mode 100644 index 00000000000..8d35d98e9c4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-float-contiguous.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-horiz-rule.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-horiz-rule.png Binary files differnew file mode 100644 index 00000000000..f9cc0b1eeff --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pass-cdts-horiz-rule.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-gg-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-gg-gr-100x100.png Binary files differnew file mode 100644 index 00000000000..b14c75ea2c0 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-gg-gr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-gg-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-gg-rg-100x100.png Binary files differnew file mode 100644 index 00000000000..80c7035f1fc --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-gg-rg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-gg-rr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-gg-rr-100x100.png Binary files differnew file mode 100644 index 00000000000..a98636ddef3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-gg-rr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-gr-gg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-gr-gg-100x100.png Binary files differnew file mode 100644 index 00000000000..fd1f7a7b50a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-gr-gg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-gr-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-gr-gr-100x100.png Binary files differnew file mode 100644 index 00000000000..431b99f933a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-gr-gr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-gr-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-gr-rg-100x100.png Binary files differnew file mode 100644 index 00000000000..63248d4dd1f --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-gr-rg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-gr-rr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-gr-rr-100x100.png Binary files differnew file mode 100644 index 00000000000..6fba8358309 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-gr-rr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-rg-gg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-rg-gg-100x100.png Binary files differnew file mode 100644 index 00000000000..47ee743880e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-rg-gg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-rg-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-rg-gr-100x100.png Binary files differnew file mode 100644 index 00000000000..6b19ec9a4e7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-rg-gr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-rg-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-rg-rg-100x100.png Binary files differnew file mode 100644 index 00000000000..e28bdba9dd6 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-rg-rg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-rg-rr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-rg-rr-100x100.png Binary files differnew file mode 100644 index 00000000000..797e289e059 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-rg-rr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-rr-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-rr-gr-100x100.png Binary files differnew file mode 100644 index 00000000000..97aac24065c --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-rr-gr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-rr-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-rr-rg-100x100.png Binary files differnew file mode 100644 index 00000000000..177743874e2 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-rr-rg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/right-bottom-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/right-bottom-200x300.png Binary files differnew file mode 100644 index 00000000000..38904b25087 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/right-bottom-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/right-bottom-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/right-bottom-green-200x300.png Binary files differnew file mode 100644 index 00000000000..a3c6bb63b64 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/right-bottom-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/right-center-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/right-center-200x300.png Binary files differnew file mode 100644 index 00000000000..b9987017a06 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/right-center-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/right-center-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/right-center-green-200x300.png Binary files differnew file mode 100644 index 00000000000..8f54bf5a894 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/right-center-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/right-side-filled-square-40x160.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/right-side-filled-square-40x160.png Binary files differnew file mode 100644 index 00000000000..f76b2083118 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/right-side-filled-square-40x160.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/right-top-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/right-top-200x300.png Binary files differnew file mode 100644 index 00000000000..59467ec3f18 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/right-top-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/right-top-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/right-top-green-200x300.png Binary files differnew file mode 100644 index 00000000000..313c37f4dfb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/right-top-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/sileot-webfont.woff b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/sileot-webfont.woff Binary files differnew file mode 100644 index 00000000000..81547578d36 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/sileot-webfont.woff diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/swatch-aqua.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/swatch-aqua.png Binary files differnew file mode 100644 index 00000000000..dd47e286650 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/swatch-aqua.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/swatch-fuchsia.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/swatch-fuchsia.png Binary files differnew file mode 100644 index 00000000000..3f8f8b4ea37 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/swatch-fuchsia.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/swatch-olive.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/swatch-olive.png Binary files differnew file mode 100644 index 00000000000..8fff8179ef3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/swatch-olive.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/tcu-font.woff b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/tcu-font.woff Binary files differnew file mode 100644 index 00000000000..c880aaab5cf --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/tcu-font.woff diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/text-orientation-mixed-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/text-orientation-mixed-001.png Binary files differnew file mode 100644 index 00000000000..2bd5927f901 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/text-orientation-mixed-001.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/text-orientation-sideways-left-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/text-orientation-sideways-left-001.png Binary files differnew file mode 100644 index 00000000000..51921a7e91a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/text-orientation-sideways-left-001.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/text-orientation-sideways-right-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/text-orientation-sideways-right-001.png Binary files differnew file mode 100644 index 00000000000..f4bfd48549f --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/text-orientation-sideways-right-001.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/text-orientation-upright-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/text-orientation-upright-001.png Binary files differnew file mode 100644 index 00000000000..d7df4098ed2 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/text-orientation-upright-001.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/text-orientation.js b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/text-orientation.js new file mode 100644 index 00000000000..6e007cea82e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/text-orientation.js @@ -0,0 +1,217 @@ +(function () { + var log = function () {}; + + function OrientationTester(container, orientation) { + this.container = container; + this.setOrientation(orientation); + } + extend(OrientationTester.prototype, { + setOrientation: function (orientation) { + this.orientation = orientation; + }, + measure: function (results) { + this.results = results; + this._measureNode(this.container); + }, + _measureNode: function (node, block) { + switch (node.nodeType) { + case Node.ELEMENT_NODE: + var blockOverride = node.dataset.block; + if (blockOverride) + block = blockOverride; + var nodes = node.childNodes; + for (var i = 0; i < nodes.length; i++) + this._measureNode(nodes[i], block); + return; + case Node.TEXT_NODE: + break; + default: + return; + } + + if (this.orientation == "R") { + var advanceExpected = 8; + var advanceFailed = 4; + } else { + advanceExpected = 4; + advanceFailed = 8; + } + + var range = document.createRange(); + var text = node.textContent; + for (var ich = 0; ich < text.length; ich++) { + var code = text.charCodeAt(ich); + if (code == 10 || code == 13) + continue; + range.setStart(node, ich); + if (code >= 0xD800 && code <= 0xDBFF) { + var next = text.charCodeAt(ich+1); + if (next >= 0xDC00 && next <= 0xDFFF) { + ich++; + code = ((code & 0x3FF) << 10) + (next & 0x3FF) + 0x10000; + } + } + range.setEnd(node, ich + 1); + rect = range.getBoundingClientRect(); + if (rect.width == 16) { + if (rect.height == advanceExpected) { + this.results.passCount++; + continue; + } + //log("U+" + stringFromUnicode(code) + " " + rect.width + "x" + rect.height); + if (rect.height == advanceFailed) { + this.results.failed(this, code, block); + continue; + } + } + this.results.inconclusive(this, code, block, rect); + } + }}); + + function Results(name) { + var block = document.createElement("details"); + this.summary = appendChildElement(block, "summary"); + this.summary.textContent = name; + var typeList = appendChildElement(block, "ul"); + this.failList = appendChildElement(appendChildElement(typeList, "li", "Failures"), "ol"); + this.inconclusiveList = appendChildElement(appendChildElement(typeList, "li", "Inconclusives"), "ol"); + details.appendChild(block); + this.passCount = 0; + this.failCount = 0; + this.inconclusiveCount = 0; + } + extend(Results.prototype, { + failed: function (test, code, block) { + this.failCount++; + this.append(this.failList, test, code, block); + }, + inconclusive: function (test, code, block, rect) { + this.inconclusiveCount++; + this.append(this.inconclusiveList, test, code, block, " but inconclusive (rendered as " + rect.width + "x" + rect.height + ")"); + }, + append: function (list, test, code, block, message) { + var text = stringFromUnicode(code) + " should be " + test.orientation; + if (block) + text = block + ": " + text; + if (message) + text += message; + appendChildElement(list, "li", text); + }, + done: function (test) { + this.summary.textContent += " (" + this.passCount + " passes, " + + this.failCount + " fails, " + + this.inconclusiveCount + " inconclusives)"; + assert_equals(this.failCount, 0, "Fail count"); + assert_greater_than(this.passCount, 0, "Pass count"); + test.done(); + }}); + + function Runner() { + var nodes = document.querySelectorAll("div[data-vo]"); + this.testers = []; + for (var i = 0; i < nodes.length; i++) { + var node = nodes[i]; + var vo = node.dataset.vo; + var tester = new OrientationTester(node, vo); + tester.test = async_test("Default orientation for vo=" + vo); + this.testers.push(tester); + } + this.testU = async_test("Orientation=Upright"); + this.testR = async_test("Orientation=Rotated"); + } + extend(Runner.prototype, { + run: function () { + log("Started"); + var start = new Date; + + for (var i = 0; i < this.testers.length; i++) { + var tester = this.testers[i]; + var test = tester.test; + test.step(function () { + var results = new Results(test.name); + tester.measure(results); + results.done(test); + }); + } + this.runOrientation(this.testU, "U"); + this.runOrientation(this.testR, "R"); + + log("Elapsed " + (new Date() - start)); + done(); + }, + runOrientation: function (test, orientation) { + container.classList.add(orientation); + var results = new Results(test.name); + var me = this; + test.step(function () { + for (var i = 0; i < me.testers.length; i++) { + var tester = me.testers[i]; + tester.setOrientation(orientation); + tester.measure(results); + } + results.done(test); + }) + container.classList.remove(orientation); + }}); + + setup({explicit_done:true, explicit_timeout:true}); + var runner = new Runner(); + window.onload = function () { + if (window.location.search == "?wait") { + log("Sleeping 5 secs for debug purpose"); + return setTimeout(run, 5000); + } + run(); + } + + function run() { + onFontReady("16px orientation", function () { runner.run(); }); + } + + function onFontReady(font, func) { + log("Waiting test fonts to load"); + if (document.fonts) { + if ('load' in document.fonts) + return document.fonts.load(font).then(func); + if ('ready' in document.fonts) + return document.fonts.ready.then(func); + } + document.offsetTop; // last resort to load @font-face + func(); + } + + function arrayFromRangesByValue(dict) { + var array = []; + for (var value in dict) { + var ranges = dict[value]; + for (var i = 0; i < ranges.length; i += 2) { + var to = ranges[i+1]; + for (var code = ranges[i]; code <= to; code++) + array[code] = value; + } + } + return array; + }; + + function stringFromUnicode(code) { + var hex = code.toString(16).toUpperCase(); + if (hex.length < 4) { + hex = "0000" + hex; + hex = hex.substr(hex.length - 4); + } + return hex + ' "' + String.fromCharCode(code) + '"'; + } + + function appendChildElement(parent, tag, text) { + var node = document.createElement(tag); + if (text) + node.textContent = text; + parent.appendChild(node); + return node; + } + + function extend(target, dict) { + for (var key in dict) + target[key] = dict[key]; + } +})(); diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/vertical-form.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/vertical-form.png Binary files differnew file mode 100644 index 00000000000..53a3af92cd6 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/vertical-form.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/yellow-square-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/yellow-square-59x59.png Binary files differnew file mode 100644 index 00000000000..50816d38f6b --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/yellow-square-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/yellow-square-horiz-redline-bottom-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/yellow-square-horiz-redline-bottom-59x59.png Binary files differnew file mode 100644 index 00000000000..d6139238de3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/yellow-square-horiz-redline-bottom-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/yellow-square-vert-redline-center-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/yellow-square-vert-redline-center-59x59.png Binary files differnew file mode 100644 index 00000000000..c352b109548 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/yellow-square-vert-redline-center-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/yellow-square-vert-redline-left-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/yellow-square-vert-redline-left-59x59.png Binary files differnew file mode 100644 index 00000000000..8baf6f60404 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/yellow-square-vert-redline-left-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/yellow-square-vert-redline-right-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/yellow-square-vert-redline-right-59x59.png Binary files differnew file mode 100644 index 00000000000..7e881312b35 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/yellow-square-vert-redline-right-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reftest-toc.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reftest-toc.htm index 6228591259e..9cd9b81e880 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reftest-toc.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reftest-toc.htm @@ -2392,6 +2392,14 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="flexbox_align-items-stretch-writing-modes" class=""> + <tr> + <td rowspan="1" title="Flexbox align-items: stretch with writing-mode vertical-lr and vertical-rl"> + <a href="flexbox_align-items-stretch-writing-modes.htm">flexbox_align-items-stretch-writing-modes</a></td> + <td><a href="reference/flexbox_align-items-stretch-writing-modes-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="flexbox_align-self-auto" class=""> <tr> <td rowspan="1" title="flexbox | align-self: auto"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reftest.list b/tests/wpt/css-tests/css-flexbox-1_dev/html/reftest.list index 44ad3dbbc67..4dc0e5bf55f 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reftest.list +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reftest.list @@ -295,6 +295,7 @@ flexbox_align-items-flexstart.htm == reference/flexbox_align-items-flexstart-ref flexbox_align-items-flexstart-2.htm == reference/flexbox_align-items-flexstart-2-ref.htm flexbox_align-items-stretch.htm == reference/flexbox_align-items-stretch-ref.htm flexbox_align-items-stretch-2.htm == reference/flexbox_align-items-stretch-2-ref.htm +flexbox_align-items-stretch-writing-modes.htm == reference/flexbox_align-items-stretch-writing-modes-ref.htm flexbox_align-self-auto.htm == reference/flexbox_align-self-auto-ref.htm flexbox_align-self-baseline.htm == reference/flexbox_align-self-baseline-ref.htm flexbox_align-self-center.htm == reference/flexbox_align-self-center-ref.htm diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/100x100-lime.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/100x100-lime.png Binary files differnew file mode 100644 index 00000000000..1b947700808 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/100x100-lime.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/100x100-red.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/100x100-red.png Binary files differnew file mode 100644 index 00000000000..57bf3ddc521 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/100x100-red.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/DejaVuSerif-webfont.woff b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/DejaVuSerif-webfont.woff Binary files differnew file mode 100644 index 00000000000..4583cc675d7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/DejaVuSerif-webfont.woff diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differnew file mode 100644 index 00000000000..84ad57bef5a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/adobe-fonts/LICENSE b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/adobe-fonts/LICENSE new file mode 100644 index 00000000000..ac5f0b04320 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/adobe-fonts/LICENSE @@ -0,0 +1,31 @@ +CSS Half-Width Orientation Test and CSS Full-Width Orientation Test are released under the SIL Open Font License - please read it carefully and do not download the fonts unless you agree to the the terms of the license: +Copyright © 2013 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Names CSS Half-Width Orientation Test and CSS Full-Width Orientation Test +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL + +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others. +The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright Holder(s) under this license and clearly marked as such. This may include source files, build scripts and documentation. +"Reserved Font Name" refers to any names specified as such after the copyright statement(s). +"Original Version" refers to the collection of Font Software components as distributed by the Copyright Holder(s). +"Modified Version" refers to any derivative made by adding to, deleting, or substituting -- in part or in whole -- any of the components of the Original Version, by changing formats or by porting the Font Software to a new environment. +"Author" refers to any designer, engineer, programmer, technical writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining a copy of the Font Software, to use, study, copy, merge, embed, modify, redistribute, and sell modified and unmodified copies of the Font Software, subject to the following conditions: +1) Neither the Font Software nor any of its individual components, in Original or Modified Versions, may be sold by itself. +2) Original or Modified Versions of the Font Software may be bundled, redistributed and/or sold with any software, provided that each copy contains the above copyright notice and this license. These can be included either as stand-alone text files, human-readable headers or in the appropriate machine-readable metadata fields within text or binary files as long as those fields can be easily viewed by the user. +3) No Modified Version of the Font Software may use the Reserved Font Name(s) unless explicit written permission is granted by the corresponding Copyright Holder. This restriction only applies to the primary font name as presented to the users. +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software shall not be used to promote, endorse or advertise any Modified Version, except to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) or with their explicit written permission. +5) The Font Software, modified or unmodified, in part or in whole, must be distributed entirely under this license, and must not be distributed under any other license. The requirement for fonts to remain under this license does not apply to any document created using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/adobe-fonts/README.md new file mode 100644 index 00000000000..686cb0c4279 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/adobe-fonts/README.md @@ -0,0 +1,43 @@ +CSS Orientation Test +==== + +Overview +---- +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. + +Getting Involved +---- +Send suggestions for changes to the CSS Orientation Test project maintainer, lunde@adobe.com, for consideration. + +Building +==== + +Pre-built font binaries +---- +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). + + +Requirements +---- + +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. + +Building the fonts +---- + +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. + +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: + + % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H + % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf + % sfntedit -f CSSFWOrientationTest.otf + +That is all. diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/bg-red-1col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/bg-red-1col-2row-320x320.png Binary files differnew file mode 100644 index 00000000000..7ca197bc06e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/bg-red-1col-2row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/bg-red-1col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/bg-red-1col-3row-320x320.png Binary files differnew file mode 100644 index 00000000000..f5c13ab550d --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/bg-red-1col-3row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/bg-red-2col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/bg-red-2col-2row-320x320.png Binary files differnew file mode 100644 index 00000000000..4f354e93527 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/bg-red-2col-2row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/bg-red-2col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/bg-red-2col-3row-320x320.png Binary files differnew file mode 100644 index 00000000000..6eded69a4a3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/bg-red-2col-3row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/bg-red-3col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/bg-red-3col-2row-320x320.png Binary files differnew file mode 100644 index 00000000000..5f4b53c46b7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/bg-red-3col-2row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/bg-red-3col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/bg-red-3col-3row-320x320.png Binary files differnew file mode 100644 index 00000000000..4c2f6c8e632 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/bg-red-3col-3row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/bg-red-4col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/bg-red-4col-2row-320x320.png Binary files differnew file mode 100644 index 00000000000..052d224df11 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/bg-red-4col-2row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/bg-red-4col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/bg-red-4col-3row-320x320.png Binary files differnew file mode 100644 index 00000000000..1826531268a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/bg-red-4col-3row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/block-flow-direction-025-exp-res.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/block-flow-direction-025-exp-res.png Binary files differnew file mode 100644 index 00000000000..851eeea0398 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/block-flow-direction-025-exp-res.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/block-flow-direction-066-exp-res.png Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/block-flow-direction-066-exp-res.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/blue-horiz-line-220x1.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/blue-horiz-line-220x1.png Binary files differnew file mode 100644 index 00000000000..3898d5a2d9e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/blue-horiz-line-220x1.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/blue-horiz-line-320x1.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/blue-horiz-line-320x1.png Binary files differnew file mode 100644 index 00000000000..7d9151c848a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/blue-horiz-line-320x1.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/blue-vert-line-1x220.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/blue-vert-line-1x220.png Binary files differnew file mode 100644 index 00000000000..07b0239fc52 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/blue-vert-line-1x220.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/blue-vert-line-1x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/blue-vert-line-1x320.png Binary files differnew file mode 100644 index 00000000000..6049e271506 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/blue-vert-line-1x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/blue-yellow-206w-165h.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/blue-yellow-206w-165h.png Binary files differnew file mode 100644 index 00000000000..47ceb84d3fb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/blue-yellow-206w-165h.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/blue1x1.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/blue1x1.png Binary files differnew file mode 100644 index 00000000000..667b6558892 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/blue1x1.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/blue20x20.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/blue20x20.png Binary files differnew file mode 100644 index 00000000000..e0af5553303 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/blue20x20.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/clearance-calculation-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/clearance-calculation-vrl-002.png Binary files differnew file mode 100644 index 00000000000..7fc9f14ed6e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/clearance-calculation-vrl-002.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/clearance-calculation-vrl-004.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/clearance-calculation-vrl-004.png Binary files differnew file mode 100644 index 00000000000..2d1355e3bdb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/clearance-calculation-vrl-004.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/clearance-calculation-vrl-006.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/clearance-calculation-vrl-006.png Binary files differnew file mode 100644 index 00000000000..5145c22c485 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/clearance-calculation-vrl-006.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-007.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-007.html new file mode 100644 index 00000000000..5af681f14eb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-007.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-007 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-lr' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0 . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-009.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-009.html new file mode 100644 index 00000000000..d5d94382ea2 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-009.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-009 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-lr' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: auto; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 400px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 300px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-015.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-015.html new file mode 100644 index 00000000000..887565e66d4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-015.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-015 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width (set to shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px == 300px) + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px. + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-017.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-017.html new file mode 100644 index 00000000000..c38de525145 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-017.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-017 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width (set to shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px == 300px) + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px. + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-019.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-019.html new file mode 100644 index 00000000000..66be0f4eba9 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-019.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-019 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green solid 35px; + border-right: green solid 15px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: 50px; + writing-mode: vertical-lr; + } + + /* + " + 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-021.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-021.html new file mode 100644 index 00000000000..eff5f71a450 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-021.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-021 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green solid 35px; + border-right: green solid 15px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: 50px; + writing-mode: vertical-lr; + } + + /* + " + 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-023.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-023.html new file mode 100644 index 00000000000..2da3bf3dd53 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-023.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-023 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + solve : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used width value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-025.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-025.html new file mode 100644 index 00000000000..572557eb339 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-025.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-025 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + solve : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used width value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-027.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-027.html new file mode 100644 index 00000000000..8537a945fbc --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-027.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-027 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: 20%; + writing-mode: vertical-lr; + } + + /* + " + 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + auto : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-029.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-029.html new file mode 100644 index 00000000000..95047f16a92 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-029.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-029 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: 20%; + writing-mode: vertical-lr; + } + + /* + " + 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + auto : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-031.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-031.html new file mode 100644 index 00000000000..4f1aa674eba --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-031.html @@ -0,0 +1,96 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-031 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - overconstrained values with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + margin-left: 0px; + margin-right: 0px; + position: absolute; + right: 40%; + top: 0px; + width: 20%; + writing-mode: vertical-lr; + } + + /* + " + If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 40% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + +ignore and solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-033.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-033.html new file mode 100644 index 00000000000..1f35ff47dd6 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vlr-033.html @@ -0,0 +1,96 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-033 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - overconstrained values with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 20%; + margin-left: 0px; + margin-right: 0px; + position: absolute; + right: 20%; + top: 0px; + width: 20%; + writing-mode: vertical-lr; + } + + /* + " + If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 20% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + +ignore and solve : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 300px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-006.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-006.html new file mode 100644 index 00000000000..3f4f1c935ca --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-006.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-006 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-008.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-008.html new file mode 100644 index 00000000000..1c0bb78e74d --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-008.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-008 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: auto; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 300px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-014.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-014.html new file mode 100644 index 00000000000..c193112b600 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-014.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-014 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width (set to shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px == 300px) + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px. + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-016.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-016.html new file mode 100644 index 00000000000..204a08ef3df --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-016.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-016 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width (set to shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px == 300px) + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px. + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-018.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-018.html new file mode 100644 index 00000000000..a71927cf3a8 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-018.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-018 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green solid 35px; + border-right: green solid 15px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: 50px; + writing-mode: vertical-rl; + } + + /* + " + 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-020.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-020.html new file mode 100644 index 00000000000..e1054bc2a96 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-020.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-020 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green solid 35px; + border-right: green solid 15px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: 50px; + writing-mode: vertical-rl; + } + + /* + " + 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-022.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-022.html new file mode 100644 index 00000000000..39f297f1b9c --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-022.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-022 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + solve : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used width value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-024.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-024.html new file mode 100644 index 00000000000..26e0ec67fd1 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-024.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-024 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + solve : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used width value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-026.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-026.html new file mode 100644 index 00000000000..a0b80d99e3a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-026.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-026 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: 20%; + writing-mode: vertical-rl; + } + + /* + " + 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + auto : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-028.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-028.html new file mode 100644 index 00000000000..62d74144fee --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-028.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-028 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: 20%; + writing-mode: vertical-rl; + } + + /* + " + 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + auto : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-030.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-030.html new file mode 100644 index 00000000000..21efbe52bc5 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-030.html @@ -0,0 +1,96 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-030 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - overconstrained values with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + margin-left: 0px; + margin-right: 0px; + position: absolute; + right: 40%; + top: 0px; + width: 20%; + writing-mode: vertical-rl; + } + + /* + " + If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 40% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + +ignore and solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-032.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-032.html new file mode 100644 index 00000000000..748f325d8d7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-abs-pos-non-replaced-icb-vrl-032.html @@ -0,0 +1,96 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-032 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - overconstrained values with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 20%; + margin-left: 0px; + margin-right: 0px; + position: absolute; + right: 20%; + top: 0px; + width: 20%; + writing-mode: vertical-rl; + } + + /* + " + If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 20% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + +ignore and solve : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 300px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-for-background-size-root-vrl-002.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-for-background-size-root-vrl-002.html new file mode 100644 index 00000000000..044da84cff8 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-for-background-size-root-vrl-002.html @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html><head> + + <meta charset="UTF-8"> + + <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> + <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> + + <title>Embedded HTML document for background-size-document-root-vrl-002</title> + + <style> + html + { + background-image: url("swatch-green.png"); + background-repeat: no-repeat; + background-size: 100% 100%; + writing-mode: vertical-rl; + + width: 100px; + } + </style> + + </head> + +<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-for-background-size-root-vrl-004.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-for-background-size-root-vrl-004.html new file mode 100644 index 00000000000..68fca9ad435 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-for-background-size-root-vrl-004.html @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<html><head> + + <meta charset="UTF-8"> + + <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> + <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> + + <title>Embedded HTML document for background-size-document-root-vrl-004</title> + + <style> + html + { + background-image: url("swatch-green.png"); + background-repeat: no-repeat; + background-size: 100% 100%; + writing-mode: vertical-rl; + + border-right: green solid 20px; + width: 80px; + } + </style> + + </head> + +<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-for-background-size-root-vrl-006.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-for-background-size-root-vrl-006.html new file mode 100644 index 00000000000..38a614d2346 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-for-background-size-root-vrl-006.html @@ -0,0 +1,27 @@ +<!DOCTYPE html> +<html><head> + + <meta charset="UTF-8"> + + <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> + <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> + + <title>Embedded HTML document for background-size-document-root-vrl-006</title> + + <style> + html + { + background-image: url("swatch-green.png"); + background-repeat: no-repeat; + background-size: 100% 100%; + writing-mode: vertical-rl; + + margin-right: 50px; + padding-right: 50px; + width: 50px; + } + </style> + + </head> + +<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-for-background-size-root-vrl-008.html b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-for-background-size-root-vrl-008.html new file mode 100644 index 00000000000..048ad073944 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/embedded-doc-for-background-size-root-vrl-008.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html><head> + + <meta charset="UTF-8"> + + <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> + <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> + + <title>Embedded HTML document for background-size-document-root-vrl-008</title> + + <style> + html + { + background-image: url("swatch-green.png"); + background-repeat: no-repeat; + background-size: 100% 100%; + writing-mode: vertical-rl; + + border-left: white solid 20px; + margin-right: 50px; + padding-right: 50px; + width: 50px; + } + </style> + + </head> + +<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/form-controls-slr.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/form-controls-srl.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/form-controls-vlr.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/left-bottom-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/left-bottom-200x300.png Binary files differnew file mode 100644 index 00000000000..6e30eba507a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/left-bottom-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/left-bottom-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/left-bottom-green-200x300.png Binary files differnew file mode 100644 index 00000000000..30668751dfb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/left-bottom-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/left-center-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/left-center-200x300.png Binary files differnew file mode 100644 index 00000000000..6025c4e85be --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/left-center-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/left-center-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/left-center-green-200x300.png Binary files differnew file mode 100644 index 00000000000..b2645c0fe69 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/left-center-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/left-side-filled-square-40x160.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/left-side-filled-square-40x160.png Binary files differnew file mode 100644 index 00000000000..86fd7e5671d --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/left-side-filled-square-40x160.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/left-top-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/left-top-200x300.png Binary files differnew file mode 100644 index 00000000000..43e739acbc2 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/left-top-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/margin-collapse-2em-space-wm-vert.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/margin-collapse-2em-space-wm-vert.png Binary files differnew file mode 100644 index 00000000000..8a2fa55efdf --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/margin-collapse-2em-space-wm-vert.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/mplus-1p-regular.woff b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/mplus-1p-regular.woff Binary files differnew file mode 100644 index 00000000000..42cfff628b4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/mplus-1p-regular.woff diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/opaque-square-40x160.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/opaque-square-40x160.png Binary files differnew file mode 100644 index 00000000000..11636f5f771 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/opaque-square-40x160.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/page-flow-direction-002p1.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/page-flow-direction-002p1.png Binary files differnew file mode 100644 index 00000000000..f5adb11b4b4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/page-flow-direction-002p1.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/page-flow-direction-002p2.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/page-flow-direction-002p2.png Binary files differnew file mode 100644 index 00000000000..7ecf84bae34 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/page-flow-direction-002p2.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/page-flow-direction-002p3.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/page-flow-direction-002p3.png Binary files differnew file mode 100644 index 00000000000..d7c58d62243 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/page-flow-direction-002p3.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/page-flow-direction-002p4.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/page-flow-direction-002p4.png Binary files differnew file mode 100644 index 00000000000..04dc0fe2e9e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/page-flow-direction-002p4.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-abs-pos-non-replaced.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-abs-pos-non-replaced.png Binary files differnew file mode 100644 index 00000000000..15fd6065ef6 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-abs-pos-non-replaced.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-bg-pos-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-bg-pos-vrl-002.png Binary files differnew file mode 100644 index 00000000000..a0db6909418 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-bg-pos-vrl-002.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-bg-pos-vrl-004.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-bg-pos-vrl-004.png Binary files differnew file mode 100644 index 00000000000..ec130f10f46 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-bg-pos-vrl-004.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-bg-pos-vrl-006.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-bg-pos-vrl-006.png Binary files differnew file mode 100644 index 00000000000..981741b7e53 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-bg-pos-vrl-006.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-bg-pos-vrl-008.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-bg-pos-vrl-008.png Binary files differnew file mode 100644 index 00000000000..9b2a0610e4e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-bg-pos-vrl-008.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-bg-pos-vrl-010.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-bg-pos-vrl-010.png Binary files differnew file mode 100644 index 00000000000..a2d66146186 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-bg-pos-vrl-010.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-bg-pos-vrl-012.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-bg-pos-vrl-012.png Binary files differnew file mode 100644 index 00000000000..23b1beb9cd4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-bg-pos-vrl-012.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-bg-pos-vrl-014.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-bg-pos-vrl-014.png Binary files differnew file mode 100644 index 00000000000..64e081c72f1 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-bg-pos-vrl-014.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-bg-pos-vrl-016.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-bg-pos-vrl-016.png Binary files differnew file mode 100644 index 00000000000..952e0089b8f --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-bg-pos-vrl-016.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-bg-pos-vrl-018.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-bg-pos-vrl-018.png Binary files differnew file mode 100644 index 00000000000..22f51030c36 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-bg-pos-vrl-018.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-box-offsets-rel-pos.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-box-offsets-rel-pos.png Binary files differnew file mode 100644 index 00000000000..e81c0ae4cf5 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-box-offsets-rel-pos.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-clearance-calculations.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-clearance-calculations.png Binary files differnew file mode 100644 index 00000000000..ec502d3532a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-clearance-calculations.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-first-page-vlr-003.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-first-page-vlr-003.png Binary files differnew file mode 100644 index 00000000000..f8c677b8e05 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-first-page-vlr-003.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-first-page-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-first-page-vrl-002.png Binary files differnew file mode 100644 index 00000000000..48555d3acc8 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-first-page-vrl-002.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-float-contiguous.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-float-contiguous.png Binary files differnew file mode 100644 index 00000000000..8d35d98e9c4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-float-contiguous.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-horiz-rule.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-horiz-rule.png Binary files differnew file mode 100644 index 00000000000..f9cc0b1eeff --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pass-cdts-horiz-rule.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-gg-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-gg-gr-100x100.png Binary files differnew file mode 100644 index 00000000000..b14c75ea2c0 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-gg-gr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-gg-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-gg-rg-100x100.png Binary files differnew file mode 100644 index 00000000000..80c7035f1fc --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-gg-rg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-gg-rr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-gg-rr-100x100.png Binary files differnew file mode 100644 index 00000000000..a98636ddef3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-gg-rr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-gr-gg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-gr-gg-100x100.png Binary files differnew file mode 100644 index 00000000000..fd1f7a7b50a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-gr-gg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-gr-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-gr-gr-100x100.png Binary files differnew file mode 100644 index 00000000000..431b99f933a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-gr-gr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-gr-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-gr-rg-100x100.png Binary files differnew file mode 100644 index 00000000000..63248d4dd1f --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-gr-rg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-gr-rr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-gr-rr-100x100.png Binary files differnew file mode 100644 index 00000000000..6fba8358309 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-gr-rr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-rg-gg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-rg-gg-100x100.png Binary files differnew file mode 100644 index 00000000000..47ee743880e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-rg-gg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-rg-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-rg-gr-100x100.png Binary files differnew file mode 100644 index 00000000000..6b19ec9a4e7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-rg-gr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-rg-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-rg-rg-100x100.png Binary files differnew file mode 100644 index 00000000000..e28bdba9dd6 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-rg-rg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-rg-rr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-rg-rr-100x100.png Binary files differnew file mode 100644 index 00000000000..797e289e059 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-rg-rr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-rr-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-rr-gr-100x100.png Binary files differnew file mode 100644 index 00000000000..97aac24065c --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-rr-gr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-rr-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-rr-rg-100x100.png Binary files differnew file mode 100644 index 00000000000..177743874e2 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-rr-rg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/right-bottom-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/right-bottom-200x300.png Binary files differnew file mode 100644 index 00000000000..38904b25087 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/right-bottom-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/right-bottom-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/right-bottom-green-200x300.png Binary files differnew file mode 100644 index 00000000000..a3c6bb63b64 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/right-bottom-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/right-center-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/right-center-200x300.png Binary files differnew file mode 100644 index 00000000000..b9987017a06 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/right-center-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/right-center-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/right-center-green-200x300.png Binary files differnew file mode 100644 index 00000000000..8f54bf5a894 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/right-center-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/right-side-filled-square-40x160.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/right-side-filled-square-40x160.png Binary files differnew file mode 100644 index 00000000000..f76b2083118 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/right-side-filled-square-40x160.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/right-top-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/right-top-200x300.png Binary files differnew file mode 100644 index 00000000000..59467ec3f18 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/right-top-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/right-top-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/right-top-green-200x300.png Binary files differnew file mode 100644 index 00000000000..313c37f4dfb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/right-top-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/sileot-webfont.woff b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/sileot-webfont.woff Binary files differnew file mode 100644 index 00000000000..81547578d36 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/sileot-webfont.woff diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/swatch-aqua.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/swatch-aqua.png Binary files differnew file mode 100644 index 00000000000..dd47e286650 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/swatch-aqua.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/swatch-fuchsia.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/swatch-fuchsia.png Binary files differnew file mode 100644 index 00000000000..3f8f8b4ea37 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/swatch-fuchsia.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/swatch-olive.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/swatch-olive.png Binary files differnew file mode 100644 index 00000000000..8fff8179ef3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/swatch-olive.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/tcu-font.woff b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/tcu-font.woff Binary files differnew file mode 100644 index 00000000000..c880aaab5cf --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/tcu-font.woff diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/text-orientation-mixed-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/text-orientation-mixed-001.png Binary files differnew file mode 100644 index 00000000000..2bd5927f901 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/text-orientation-mixed-001.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/text-orientation-sideways-left-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/text-orientation-sideways-left-001.png Binary files differnew file mode 100644 index 00000000000..51921a7e91a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/text-orientation-sideways-left-001.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/text-orientation-sideways-right-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/text-orientation-sideways-right-001.png Binary files differnew file mode 100644 index 00000000000..f4bfd48549f --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/text-orientation-sideways-right-001.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/text-orientation-upright-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/text-orientation-upright-001.png Binary files differnew file mode 100644 index 00000000000..d7df4098ed2 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/text-orientation-upright-001.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/text-orientation.js b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/text-orientation.js new file mode 100644 index 00000000000..6e007cea82e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/text-orientation.js @@ -0,0 +1,217 @@ +(function () { + var log = function () {}; + + function OrientationTester(container, orientation) { + this.container = container; + this.setOrientation(orientation); + } + extend(OrientationTester.prototype, { + setOrientation: function (orientation) { + this.orientation = orientation; + }, + measure: function (results) { + this.results = results; + this._measureNode(this.container); + }, + _measureNode: function (node, block) { + switch (node.nodeType) { + case Node.ELEMENT_NODE: + var blockOverride = node.dataset.block; + if (blockOverride) + block = blockOverride; + var nodes = node.childNodes; + for (var i = 0; i < nodes.length; i++) + this._measureNode(nodes[i], block); + return; + case Node.TEXT_NODE: + break; + default: + return; + } + + if (this.orientation == "R") { + var advanceExpected = 8; + var advanceFailed = 4; + } else { + advanceExpected = 4; + advanceFailed = 8; + } + + var range = document.createRange(); + var text = node.textContent; + for (var ich = 0; ich < text.length; ich++) { + var code = text.charCodeAt(ich); + if (code == 10 || code == 13) + continue; + range.setStart(node, ich); + if (code >= 0xD800 && code <= 0xDBFF) { + var next = text.charCodeAt(ich+1); + if (next >= 0xDC00 && next <= 0xDFFF) { + ich++; + code = ((code & 0x3FF) << 10) + (next & 0x3FF) + 0x10000; + } + } + range.setEnd(node, ich + 1); + rect = range.getBoundingClientRect(); + if (rect.width == 16) { + if (rect.height == advanceExpected) { + this.results.passCount++; + continue; + } + //log("U+" + stringFromUnicode(code) + " " + rect.width + "x" + rect.height); + if (rect.height == advanceFailed) { + this.results.failed(this, code, block); + continue; + } + } + this.results.inconclusive(this, code, block, rect); + } + }}); + + function Results(name) { + var block = document.createElement("details"); + this.summary = appendChildElement(block, "summary"); + this.summary.textContent = name; + var typeList = appendChildElement(block, "ul"); + this.failList = appendChildElement(appendChildElement(typeList, "li", "Failures"), "ol"); + this.inconclusiveList = appendChildElement(appendChildElement(typeList, "li", "Inconclusives"), "ol"); + details.appendChild(block); + this.passCount = 0; + this.failCount = 0; + this.inconclusiveCount = 0; + } + extend(Results.prototype, { + failed: function (test, code, block) { + this.failCount++; + this.append(this.failList, test, code, block); + }, + inconclusive: function (test, code, block, rect) { + this.inconclusiveCount++; + this.append(this.inconclusiveList, test, code, block, " but inconclusive (rendered as " + rect.width + "x" + rect.height + ")"); + }, + append: function (list, test, code, block, message) { + var text = stringFromUnicode(code) + " should be " + test.orientation; + if (block) + text = block + ": " + text; + if (message) + text += message; + appendChildElement(list, "li", text); + }, + done: function (test) { + this.summary.textContent += " (" + this.passCount + " passes, " + + this.failCount + " fails, " + + this.inconclusiveCount + " inconclusives)"; + assert_equals(this.failCount, 0, "Fail count"); + assert_greater_than(this.passCount, 0, "Pass count"); + test.done(); + }}); + + function Runner() { + var nodes = document.querySelectorAll("div[data-vo]"); + this.testers = []; + for (var i = 0; i < nodes.length; i++) { + var node = nodes[i]; + var vo = node.dataset.vo; + var tester = new OrientationTester(node, vo); + tester.test = async_test("Default orientation for vo=" + vo); + this.testers.push(tester); + } + this.testU = async_test("Orientation=Upright"); + this.testR = async_test("Orientation=Rotated"); + } + extend(Runner.prototype, { + run: function () { + log("Started"); + var start = new Date; + + for (var i = 0; i < this.testers.length; i++) { + var tester = this.testers[i]; + var test = tester.test; + test.step(function () { + var results = new Results(test.name); + tester.measure(results); + results.done(test); + }); + } + this.runOrientation(this.testU, "U"); + this.runOrientation(this.testR, "R"); + + log("Elapsed " + (new Date() - start)); + done(); + }, + runOrientation: function (test, orientation) { + container.classList.add(orientation); + var results = new Results(test.name); + var me = this; + test.step(function () { + for (var i = 0; i < me.testers.length; i++) { + var tester = me.testers[i]; + tester.setOrientation(orientation); + tester.measure(results); + } + results.done(test); + }) + container.classList.remove(orientation); + }}); + + setup({explicit_done:true, explicit_timeout:true}); + var runner = new Runner(); + window.onload = function () { + if (window.location.search == "?wait") { + log("Sleeping 5 secs for debug purpose"); + return setTimeout(run, 5000); + } + run(); + } + + function run() { + onFontReady("16px orientation", function () { runner.run(); }); + } + + function onFontReady(font, func) { + log("Waiting test fonts to load"); + if (document.fonts) { + if ('load' in document.fonts) + return document.fonts.load(font).then(func); + if ('ready' in document.fonts) + return document.fonts.ready.then(func); + } + document.offsetTop; // last resort to load @font-face + func(); + } + + function arrayFromRangesByValue(dict) { + var array = []; + for (var value in dict) { + var ranges = dict[value]; + for (var i = 0; i < ranges.length; i += 2) { + var to = ranges[i+1]; + for (var code = ranges[i]; code <= to; code++) + array[code] = value; + } + } + return array; + }; + + function stringFromUnicode(code) { + var hex = code.toString(16).toUpperCase(); + if (hex.length < 4) { + hex = "0000" + hex; + hex = hex.substr(hex.length - 4); + } + return hex + ' "' + String.fromCharCode(code) + '"'; + } + + function appendChildElement(parent, tag, text) { + var node = document.createElement(tag); + if (text) + node.textContent = text; + parent.appendChild(node); + return node; + } + + function extend(target, dict) { + for (var key in dict) + target[key] = dict[key]; + } +})(); diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/vertical-form.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/vertical-form.png Binary files differnew file mode 100644 index 00000000000..53a3af92cd6 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/vertical-form.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/yellow-square-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/yellow-square-59x59.png Binary files differnew file mode 100644 index 00000000000..50816d38f6b --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/yellow-square-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/yellow-square-horiz-redline-bottom-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/yellow-square-horiz-redline-bottom-59x59.png Binary files differnew file mode 100644 index 00000000000..d6139238de3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/yellow-square-horiz-redline-bottom-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/yellow-square-vert-redline-center-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/yellow-square-vert-redline-center-59x59.png Binary files differnew file mode 100644 index 00000000000..c352b109548 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/yellow-square-vert-redline-center-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/yellow-square-vert-redline-left-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/yellow-square-vert-redline-left-59x59.png Binary files differnew file mode 100644 index 00000000000..8baf6f60404 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/yellow-square-vert-redline-left-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/support/yellow-square-vert-redline-right-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/yellow-square-vert-redline-right-59x59.png Binary files differnew file mode 100644 index 00000000000..7e881312b35 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/support/yellow-square-vert-redline-right-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/toc.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/toc.htm index 0debe956bfd..2f80d1a85d5 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/toc.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/toc.htm @@ -57,7 +57,7 @@ <tbody id="s8"> <tr><th><a href="chapter-8.htm">Chapter 8 - Alignment</a></th> - <td>(161 Tests)</td></tr> + <td>(162 Tests)</td></tr> </tbody> <tbody id="s9"> <tr><th><a href="chapter-9.htm">Chapter 9 - diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-flexbox-1_dev/implementation-report-TEMPLATE.data index a630533a242..8690767f987 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/css-flexbox-1_dev/implementation-report-TEMPLATE.data @@ -641,6 +641,8 @@ html/flexbox_align-items-flexstart.htm 52d6da57f7ff9816636b9a891751d9d56ea4c7a3 xhtml1/flexbox_align-items-flexstart.xht 52d6da57f7ff9816636b9a891751d9d56ea4c7a3 ? html/flexbox_align-items-stretch-2.htm 4f1bb3f618f016061fa5b5c060e41f8227aa4023 ? xhtml1/flexbox_align-items-stretch-2.xht 4f1bb3f618f016061fa5b5c060e41f8227aa4023 ? +html/flexbox_align-items-stretch-writing-modes.htm d1bb1a411a86d0232f96b7776b01c086456c3617 ? +xhtml1/flexbox_align-items-stretch-writing-modes.xht d1bb1a411a86d0232f96b7776b01c086456c3617 ? html/flexbox_align-items-stretch.htm 40c44ec47c70bcf3a27a7db3007ce3a9871232ec ? xhtml1/flexbox_align-items-stretch.xht 40c44ec47c70bcf3a27a7db3007ce3a9871232ec ? html/flexbox_align-self-auto.htm 83c1338cd3a0715339d2e75a08967fdfd5785ea6 ? diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/testinfo.data b/tests/wpt/css-tests/css-flexbox-1_dev/testinfo.data index cf9ad9976a8..21081e17777 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/testinfo.data +++ b/tests/wpt/css-tests/css-flexbox-1_dev/testinfo.data @@ -319,6 +319,7 @@ flexbox_align-items-flexstart reference/flexbox_align-items-flexstart-ref flexbo flexbox_align-items-flexstart-2 reference/flexbox_align-items-flexstart-2-ref flexbox | align-items: flex-start http://www.w3.org/TR/css-flexbox-1/#propdef-align-items da39ecea0abe5bdfce04a4e73cf208edc6264738 `Opera Software`<http://opera.com> flexbox_align-items-stretch reference/flexbox_align-items-stretch-ref flexbox | align-items: stretch http://www.w3.org/TR/css-flexbox-1/#propdef-align-items 40c44ec47c70bcf3a27a7db3007ce3a9871232ec `Opera Software`<http://opera.com> flexbox_align-items-stretch-2 reference/flexbox_align-items-stretch-2-ref flexbox | align-items: stretch http://www.w3.org/TR/css-flexbox-1/#propdef-align-items 4f1bb3f618f016061fa5b5c060e41f8227aa4023 `Opera Software`<http://opera.com> +flexbox_align-items-stretch-writing-modes reference/flexbox_align-items-stretch-writing-modes-ref Flexbox align-items: stretch with writing-mode vertical-lr and vertical-rl http://www.w3.org/TR/css-flexbox-1/#propdef-align-items,http://www.w3.org/TR/css-writing-modes-3/#writing-mode d1bb1a411a86d0232f96b7776b01c086456c3617 `Mitsuteru Sawa`<mailto:mitsuteru.s@gmail.com> vertical-writing-mode flex items should stretch flexbox_align-self-auto reference/flexbox_align-self-auto-ref flexbox | align-self: auto http://www.w3.org/TR/css-flexbox-1/#propdef-align-items 83c1338cd3a0715339d2e75a08967fdfd5785ea6 `Opera Software`<http://opera.com> flexbox_align-self-baseline reference/flexbox_align-self-baseline-ref flexbox | align-self: baseline http://www.w3.org/TR/css-flexbox-1/#propdef-align-items dc48eed4574fa0a579f208c78cbd6c4bbefc7008 `Opera Software`<http://opera.com> flexbox_align-self-center reference/flexbox_align-self-center-ref flexbox | align-self: center http://www.w3.org/TR/css-flexbox-1/#propdef-align-items b47b024f769c5277b9212039815369ce07e544e4 `Opera Software`<http://opera.com> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-8.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-8.xht index a7401025b1d..00e165463d7 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-8.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-8.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Alignment (161 tests)</h2> + <h2>Alignment (162 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -844,7 +844,7 @@ </tr> </tbody> <tbody id="s8.3.#propdef-align-items"> - <!-- 28 tests --> + <!-- 29 tests --> <tr id="align-items-001-8.3.#propdef-align-items" class=""> <td> <a href="align-items-001.xht">align-items-001</a></td> @@ -994,6 +994,17 @@ <td>flexbox | align-items: stretch </td> </tr> + <tr id="flexbox_align-items-stretch-writing-modes-8.3.#propdef-align-items" class="primary"> + <td><strong> + <a href="flexbox_align-items-stretch-writing-modes.xht">flexbox_align-items-stretch-writing-modes</a></strong></td> + <td><a href="reference/flexbox_align-items-stretch-writing-modes-ref.xht">=</a> </td> + <td></td> + <td>Flexbox align-items: stretch with writing-mode vertical-lr and vertical-rl + <ul class="assert"> + <li>vertical-writing-mode flex items should stretch</li> + </ul> + </td> + </tr> <tr id="flexbox_align-self-auto-8.3.#propdef-align-items" class="primary"> <td><strong> <a href="flexbox_align-self-auto.xht">flexbox_align-self-auto</a></strong></td> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-stretch-writing-modes.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-stretch-writing-modes.xht new file mode 100644 index 00000000000..9ceed4f9b51 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-stretch-writing-modes.xht @@ -0,0 +1,58 @@ +<!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 Test: Flexbox align-items: stretch with writing-mode vertical-lr and vertical-rl</title> + <link href="mailto:mitsuteru.s@gmail.com" rel="author" title="Mitsuteru Sawa" /> + <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins Jr." /> + <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> + <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> + <link href="reference/flexbox_align-items-stretch-writing-modes-ref.xht" rel="match" /> + <meta content="vertical-writing-mode flex items should stretch" name="assert" /> + <style> + .container { + display: flex; + width: 250px; + } + .vertical-rl { + writing-mode: vertical-rl; + } + .vertical-lr { + writing-mode: vertical-lr; + } + .item { + background-color: green; + } + .square { + height: 50px; + width: 50px; + } + .error { + position: absolute; + background-color: red; + height: 100px; + width: 250px; + z-index: -1; + } + </style> +</head> +<body> + <p>The test passes if you see a green rectangle and no red.</p> + <div class="test"> + <div class="error"></div> + <div class="container"> + <div class="horizontal item"> + <div class="square"></div> + <div class="square"></div> + </div> + <div class="vertical-rl item"> + <div class="square"></div> + <div class="square"></div> + </div> + <div class="vertical-lr item"> + <div class="square"></div> + <div class="square"></div> + </div> + </div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/writing-mode-stretch-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-stretch-writing-modes-ref.xht index 25f3929942a..25f3929942a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/writing-mode-stretch-001-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-stretch-writing-modes-ref.xht diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/100x100-lime.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/100x100-lime.png Binary files differnew file mode 100644 index 00000000000..1b947700808 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/100x100-lime.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/100x100-red.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/100x100-red.png Binary files differnew file mode 100644 index 00000000000..57bf3ddc521 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/100x100-red.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/DejaVuSerif-webfont.woff b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/DejaVuSerif-webfont.woff Binary files differnew file mode 100644 index 00000000000..4583cc675d7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/DejaVuSerif-webfont.woff diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differnew file mode 100644 index 00000000000..84ad57bef5a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/LICENSE b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/LICENSE new file mode 100644 index 00000000000..ac5f0b04320 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/LICENSE @@ -0,0 +1,31 @@ +CSS Half-Width Orientation Test and CSS Full-Width Orientation Test are released under the SIL Open Font License - please read it carefully and do not download the fonts unless you agree to the the terms of the license: +Copyright © 2013 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Names CSS Half-Width Orientation Test and CSS Full-Width Orientation Test +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL + +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others. +The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright Holder(s) under this license and clearly marked as such. This may include source files, build scripts and documentation. +"Reserved Font Name" refers to any names specified as such after the copyright statement(s). +"Original Version" refers to the collection of Font Software components as distributed by the Copyright Holder(s). +"Modified Version" refers to any derivative made by adding to, deleting, or substituting -- in part or in whole -- any of the components of the Original Version, by changing formats or by porting the Font Software to a new environment. +"Author" refers to any designer, engineer, programmer, technical writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining a copy of the Font Software, to use, study, copy, merge, embed, modify, redistribute, and sell modified and unmodified copies of the Font Software, subject to the following conditions: +1) Neither the Font Software nor any of its individual components, in Original or Modified Versions, may be sold by itself. +2) Original or Modified Versions of the Font Software may be bundled, redistributed and/or sold with any software, provided that each copy contains the above copyright notice and this license. These can be included either as stand-alone text files, human-readable headers or in the appropriate machine-readable metadata fields within text or binary files as long as those fields can be easily viewed by the user. +3) No Modified Version of the Font Software may use the Reserved Font Name(s) unless explicit written permission is granted by the corresponding Copyright Holder. This restriction only applies to the primary font name as presented to the users. +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software shall not be used to promote, endorse or advertise any Modified Version, except to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) or with their explicit written permission. +5) The Font Software, modified or unmodified, in part or in whole, must be distributed entirely under this license, and must not be distributed under any other license. The requirement for fonts to remain under this license does not apply to any document created using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/README.md new file mode 100644 index 00000000000..686cb0c4279 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/README.md @@ -0,0 +1,43 @@ +CSS Orientation Test +==== + +Overview +---- +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. + +Getting Involved +---- +Send suggestions for changes to the CSS Orientation Test project maintainer, lunde@adobe.com, for consideration. + +Building +==== + +Pre-built font binaries +---- +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). + + +Requirements +---- + +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. + +Building the fonts +---- + +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. + +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: + + % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H + % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf + % sfntedit -f CSSFWOrientationTest.otf + +That is all. diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-1col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-1col-2row-320x320.png Binary files differnew file mode 100644 index 00000000000..7ca197bc06e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-1col-2row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-1col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-1col-3row-320x320.png Binary files differnew file mode 100644 index 00000000000..f5c13ab550d --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-1col-3row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-2col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-2col-2row-320x320.png Binary files differnew file mode 100644 index 00000000000..4f354e93527 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-2col-2row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-2col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-2col-3row-320x320.png Binary files differnew file mode 100644 index 00000000000..6eded69a4a3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-2col-3row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-3col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-3col-2row-320x320.png Binary files differnew file mode 100644 index 00000000000..5f4b53c46b7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-3col-2row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-3col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-3col-3row-320x320.png Binary files differnew file mode 100644 index 00000000000..4c2f6c8e632 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-3col-3row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-4col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-4col-2row-320x320.png Binary files differnew file mode 100644 index 00000000000..052d224df11 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-4col-2row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-4col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-4col-3row-320x320.png Binary files differnew file mode 100644 index 00000000000..1826531268a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-4col-3row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/block-flow-direction-025-exp-res.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/block-flow-direction-025-exp-res.png Binary files differnew file mode 100644 index 00000000000..851eeea0398 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/block-flow-direction-025-exp-res.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-horiz-line-220x1.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-horiz-line-220x1.png Binary files differnew file mode 100644 index 00000000000..3898d5a2d9e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-horiz-line-220x1.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-horiz-line-320x1.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-horiz-line-320x1.png Binary files differnew file mode 100644 index 00000000000..7d9151c848a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-horiz-line-320x1.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-vert-line-1x220.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-vert-line-1x220.png Binary files differnew file mode 100644 index 00000000000..07b0239fc52 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-vert-line-1x220.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-vert-line-1x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-vert-line-1x320.png Binary files differnew file mode 100644 index 00000000000..6049e271506 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-vert-line-1x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-yellow-206w-165h.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-yellow-206w-165h.png Binary files differnew file mode 100644 index 00000000000..47ceb84d3fb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-yellow-206w-165h.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue1x1.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue1x1.png Binary files differnew file mode 100644 index 00000000000..667b6558892 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue1x1.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue20x20.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue20x20.png Binary files differnew file mode 100644 index 00000000000..e0af5553303 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue20x20.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/clearance-calculation-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/clearance-calculation-vrl-002.png Binary files differnew file mode 100644 index 00000000000..7fc9f14ed6e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/clearance-calculation-vrl-002.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/clearance-calculation-vrl-004.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/clearance-calculation-vrl-004.png Binary files differnew file mode 100644 index 00000000000..2d1355e3bdb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/clearance-calculation-vrl-004.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/clearance-calculation-vrl-006.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/clearance-calculation-vrl-006.png Binary files differnew file mode 100644 index 00000000000..5145c22c485 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/clearance-calculation-vrl-006.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-007.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-007.html new file mode 100644 index 00000000000..5af681f14eb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-007.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-007 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-lr' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0 . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-009.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-009.html new file mode 100644 index 00000000000..d5d94382ea2 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-009.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-009 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-lr' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: auto; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 400px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 300px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-015.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-015.html new file mode 100644 index 00000000000..887565e66d4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-015.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-015 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width (set to shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px == 300px) + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px. + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-017.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-017.html new file mode 100644 index 00000000000..c38de525145 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-017.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-017 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width (set to shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px == 300px) + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px. + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-019.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-019.html new file mode 100644 index 00000000000..66be0f4eba9 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-019.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-019 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green solid 35px; + border-right: green solid 15px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: 50px; + writing-mode: vertical-lr; + } + + /* + " + 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-021.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-021.html new file mode 100644 index 00000000000..eff5f71a450 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-021.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-021 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green solid 35px; + border-right: green solid 15px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: 50px; + writing-mode: vertical-lr; + } + + /* + " + 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-023.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-023.html new file mode 100644 index 00000000000..2da3bf3dd53 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-023.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-023 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + solve : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used width value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-025.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-025.html new file mode 100644 index 00000000000..572557eb339 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-025.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-025 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + solve : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used width value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-027.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-027.html new file mode 100644 index 00000000000..8537a945fbc --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-027.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-027 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: 20%; + writing-mode: vertical-lr; + } + + /* + " + 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + auto : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-029.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-029.html new file mode 100644 index 00000000000..95047f16a92 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-029.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-029 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: 20%; + writing-mode: vertical-lr; + } + + /* + " + 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + auto : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-031.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-031.html new file mode 100644 index 00000000000..4f1aa674eba --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-031.html @@ -0,0 +1,96 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-031 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - overconstrained values with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + margin-left: 0px; + margin-right: 0px; + position: absolute; + right: 40%; + top: 0px; + width: 20%; + writing-mode: vertical-lr; + } + + /* + " + If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 40% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + +ignore and solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-033.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-033.html new file mode 100644 index 00000000000..1f35ff47dd6 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-033.html @@ -0,0 +1,96 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-033 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - overconstrained values with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 20%; + margin-left: 0px; + margin-right: 0px; + position: absolute; + right: 20%; + top: 0px; + width: 20%; + writing-mode: vertical-lr; + } + + /* + " + If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 20% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + +ignore and solve : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 300px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-006.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-006.html new file mode 100644 index 00000000000..3f4f1c935ca --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-006.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-006 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-008.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-008.html new file mode 100644 index 00000000000..1c0bb78e74d --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-008.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-008 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: auto; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 300px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-014.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-014.html new file mode 100644 index 00000000000..c193112b600 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-014.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-014 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width (set to shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px == 300px) + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px. + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-016.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-016.html new file mode 100644 index 00000000000..204a08ef3df --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-016.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-016 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width (set to shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px == 300px) + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px. + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-018.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-018.html new file mode 100644 index 00000000000..a71927cf3a8 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-018.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-018 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green solid 35px; + border-right: green solid 15px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: 50px; + writing-mode: vertical-rl; + } + + /* + " + 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-020.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-020.html new file mode 100644 index 00000000000..e1054bc2a96 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-020.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-020 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green solid 35px; + border-right: green solid 15px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: 50px; + writing-mode: vertical-rl; + } + + /* + " + 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-022.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-022.html new file mode 100644 index 00000000000..39f297f1b9c --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-022.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-022 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + solve : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used width value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-024.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-024.html new file mode 100644 index 00000000000..26e0ec67fd1 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-024.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-024 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + solve : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used width value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-026.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-026.html new file mode 100644 index 00000000000..a0b80d99e3a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-026.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-026 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: 20%; + writing-mode: vertical-rl; + } + + /* + " + 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + auto : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-028.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-028.html new file mode 100644 index 00000000000..62d74144fee --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-028.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-028 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: 20%; + writing-mode: vertical-rl; + } + + /* + " + 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + auto : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-030.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-030.html new file mode 100644 index 00000000000..21efbe52bc5 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-030.html @@ -0,0 +1,96 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-030 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - overconstrained values with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + margin-left: 0px; + margin-right: 0px; + position: absolute; + right: 40%; + top: 0px; + width: 20%; + writing-mode: vertical-rl; + } + + /* + " + If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 40% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + +ignore and solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-032.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-032.html new file mode 100644 index 00000000000..748f325d8d7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-032.html @@ -0,0 +1,96 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-032 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - overconstrained values with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 20%; + margin-left: 0px; + margin-right: 0px; + position: absolute; + right: 20%; + top: 0px; + width: 20%; + writing-mode: vertical-rl; + } + + /* + " + If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 20% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + +ignore and solve : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 300px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-for-background-size-root-vrl-002.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-for-background-size-root-vrl-002.html new file mode 100644 index 00000000000..044da84cff8 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-for-background-size-root-vrl-002.html @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html><head> + + <meta charset="UTF-8"> + + <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> + <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> + + <title>Embedded HTML document for background-size-document-root-vrl-002</title> + + <style> + html + { + background-image: url("swatch-green.png"); + background-repeat: no-repeat; + background-size: 100% 100%; + writing-mode: vertical-rl; + + width: 100px; + } + </style> + + </head> + +<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-for-background-size-root-vrl-004.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-for-background-size-root-vrl-004.html new file mode 100644 index 00000000000..68fca9ad435 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-for-background-size-root-vrl-004.html @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<html><head> + + <meta charset="UTF-8"> + + <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> + <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> + + <title>Embedded HTML document for background-size-document-root-vrl-004</title> + + <style> + html + { + background-image: url("swatch-green.png"); + background-repeat: no-repeat; + background-size: 100% 100%; + writing-mode: vertical-rl; + + border-right: green solid 20px; + width: 80px; + } + </style> + + </head> + +<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-for-background-size-root-vrl-006.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-for-background-size-root-vrl-006.html new file mode 100644 index 00000000000..38a614d2346 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-for-background-size-root-vrl-006.html @@ -0,0 +1,27 @@ +<!DOCTYPE html> +<html><head> + + <meta charset="UTF-8"> + + <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> + <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> + + <title>Embedded HTML document for background-size-document-root-vrl-006</title> + + <style> + html + { + background-image: url("swatch-green.png"); + background-repeat: no-repeat; + background-size: 100% 100%; + writing-mode: vertical-rl; + + margin-right: 50px; + padding-right: 50px; + width: 50px; + } + </style> + + </head> + +<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-for-background-size-root-vrl-008.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-for-background-size-root-vrl-008.html new file mode 100644 index 00000000000..048ad073944 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-for-background-size-root-vrl-008.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html><head> + + <meta charset="UTF-8"> + + <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> + <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> + + <title>Embedded HTML document for background-size-document-root-vrl-008</title> + + <style> + html + { + background-image: url("swatch-green.png"); + background-repeat: no-repeat; + background-size: 100% 100%; + writing-mode: vertical-rl; + + border-left: white solid 20px; + margin-right: 50px; + padding-right: 50px; + width: 50px; + } + </style> + + </head> + +<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/form-controls-slr.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/form-controls-srl.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/form-controls-vlr.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-bottom-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-bottom-200x300.png Binary files differnew file mode 100644 index 00000000000..6e30eba507a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-bottom-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-bottom-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-bottom-green-200x300.png Binary files differnew file mode 100644 index 00000000000..30668751dfb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-bottom-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-center-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-center-200x300.png Binary files differnew file mode 100644 index 00000000000..6025c4e85be --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-center-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-center-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-center-green-200x300.png Binary files differnew file mode 100644 index 00000000000..b2645c0fe69 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-center-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-side-filled-square-40x160.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-side-filled-square-40x160.png Binary files differnew file mode 100644 index 00000000000..86fd7e5671d --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-side-filled-square-40x160.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-top-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-top-200x300.png Binary files differnew file mode 100644 index 00000000000..43e739acbc2 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-top-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/margin-collapse-2em-space-wm-vert.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/margin-collapse-2em-space-wm-vert.png Binary files differnew file mode 100644 index 00000000000..8a2fa55efdf --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/margin-collapse-2em-space-wm-vert.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/mplus-1p-regular.woff b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/mplus-1p-regular.woff Binary files differnew file mode 100644 index 00000000000..42cfff628b4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/mplus-1p-regular.woff diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/opaque-square-40x160.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/opaque-square-40x160.png Binary files differnew file mode 100644 index 00000000000..11636f5f771 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/opaque-square-40x160.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/page-flow-direction-002p1.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/page-flow-direction-002p1.png Binary files differnew file mode 100644 index 00000000000..f5adb11b4b4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/page-flow-direction-002p1.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/page-flow-direction-002p2.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/page-flow-direction-002p2.png Binary files differnew file mode 100644 index 00000000000..7ecf84bae34 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/page-flow-direction-002p2.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/page-flow-direction-002p3.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/page-flow-direction-002p3.png Binary files differnew file mode 100644 index 00000000000..d7c58d62243 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/page-flow-direction-002p3.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/page-flow-direction-002p4.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/page-flow-direction-002p4.png Binary files differnew file mode 100644 index 00000000000..04dc0fe2e9e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/page-flow-direction-002p4.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-abs-pos-non-replaced.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-abs-pos-non-replaced.png Binary files differnew file mode 100644 index 00000000000..15fd6065ef6 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-abs-pos-non-replaced.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-002.png Binary files differnew file mode 100644 index 00000000000..a0db6909418 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-002.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-004.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-004.png Binary files differnew file mode 100644 index 00000000000..ec130f10f46 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-004.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-006.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-006.png Binary files differnew file mode 100644 index 00000000000..981741b7e53 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-006.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-008.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-008.png Binary files differnew file mode 100644 index 00000000000..9b2a0610e4e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-008.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-010.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-010.png Binary files differnew file mode 100644 index 00000000000..a2d66146186 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-010.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-012.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-012.png Binary files differnew file mode 100644 index 00000000000..23b1beb9cd4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-012.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-014.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-014.png Binary files differnew file mode 100644 index 00000000000..64e081c72f1 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-014.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-016.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-016.png Binary files differnew file mode 100644 index 00000000000..952e0089b8f --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-016.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-018.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-018.png Binary files differnew file mode 100644 index 00000000000..22f51030c36 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-018.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-box-offsets-rel-pos.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-box-offsets-rel-pos.png Binary files differnew file mode 100644 index 00000000000..e81c0ae4cf5 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-box-offsets-rel-pos.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-clearance-calculations.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-clearance-calculations.png Binary files differnew file mode 100644 index 00000000000..ec502d3532a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-clearance-calculations.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-first-page-vlr-003.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-first-page-vlr-003.png Binary files differnew file mode 100644 index 00000000000..f8c677b8e05 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-first-page-vlr-003.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-first-page-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-first-page-vrl-002.png Binary files differnew file mode 100644 index 00000000000..48555d3acc8 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-first-page-vrl-002.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-float-contiguous.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-float-contiguous.png Binary files differnew file mode 100644 index 00000000000..8d35d98e9c4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-float-contiguous.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-horiz-rule.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-horiz-rule.png Binary files differnew file mode 100644 index 00000000000..f9cc0b1eeff --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-horiz-rule.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gg-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gg-gr-100x100.png Binary files differnew file mode 100644 index 00000000000..b14c75ea2c0 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gg-gr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gg-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gg-rg-100x100.png Binary files differnew file mode 100644 index 00000000000..80c7035f1fc --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gg-rg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gg-rr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gg-rr-100x100.png Binary files differnew file mode 100644 index 00000000000..a98636ddef3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gg-rr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gr-gg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gr-gg-100x100.png Binary files differnew file mode 100644 index 00000000000..fd1f7a7b50a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gr-gg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gr-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gr-gr-100x100.png Binary files differnew file mode 100644 index 00000000000..431b99f933a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gr-gr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gr-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gr-rg-100x100.png Binary files differnew file mode 100644 index 00000000000..63248d4dd1f --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gr-rg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gr-rr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gr-rr-100x100.png Binary files differnew file mode 100644 index 00000000000..6fba8358309 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gr-rr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rg-gg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rg-gg-100x100.png Binary files differnew file mode 100644 index 00000000000..47ee743880e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rg-gg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rg-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rg-gr-100x100.png Binary files differnew file mode 100644 index 00000000000..6b19ec9a4e7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rg-gr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rg-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rg-rg-100x100.png Binary files differnew file mode 100644 index 00000000000..e28bdba9dd6 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rg-rg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rg-rr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rg-rr-100x100.png Binary files differnew file mode 100644 index 00000000000..797e289e059 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rg-rr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rr-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rr-gr-100x100.png Binary files differnew file mode 100644 index 00000000000..97aac24065c --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rr-gr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rr-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rr-rg-100x100.png Binary files differnew file mode 100644 index 00000000000..177743874e2 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rr-rg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-bottom-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-bottom-200x300.png Binary files differnew file mode 100644 index 00000000000..38904b25087 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-bottom-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-bottom-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-bottom-green-200x300.png Binary files differnew file mode 100644 index 00000000000..a3c6bb63b64 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-bottom-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-center-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-center-200x300.png Binary files differnew file mode 100644 index 00000000000..b9987017a06 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-center-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-center-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-center-green-200x300.png Binary files differnew file mode 100644 index 00000000000..8f54bf5a894 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-center-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-side-filled-square-40x160.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-side-filled-square-40x160.png Binary files differnew file mode 100644 index 00000000000..f76b2083118 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-side-filled-square-40x160.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-top-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-top-200x300.png Binary files differnew file mode 100644 index 00000000000..59467ec3f18 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-top-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-top-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-top-green-200x300.png Binary files differnew file mode 100644 index 00000000000..313c37f4dfb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-top-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/sileot-webfont.woff b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/sileot-webfont.woff Binary files differnew file mode 100644 index 00000000000..81547578d36 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/sileot-webfont.woff diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-aqua.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-aqua.png Binary files differnew file mode 100644 index 00000000000..dd47e286650 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-aqua.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-fuchsia.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-fuchsia.png Binary files differnew file mode 100644 index 00000000000..3f8f8b4ea37 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-fuchsia.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-olive.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-olive.png Binary files differnew file mode 100644 index 00000000000..8fff8179ef3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-olive.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/tcu-font.woff b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/tcu-font.woff Binary files differnew file mode 100644 index 00000000000..c880aaab5cf --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/tcu-font.woff diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-mixed-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-mixed-001.png Binary files differnew file mode 100644 index 00000000000..2bd5927f901 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-mixed-001.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-sideways-left-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-sideways-left-001.png Binary files differnew file mode 100644 index 00000000000..51921a7e91a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-sideways-left-001.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-sideways-right-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-sideways-right-001.png Binary files differnew file mode 100644 index 00000000000..f4bfd48549f --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-sideways-right-001.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-upright-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-upright-001.png Binary files differnew file mode 100644 index 00000000000..d7df4098ed2 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-upright-001.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation.js b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation.js new file mode 100644 index 00000000000..6e007cea82e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation.js @@ -0,0 +1,217 @@ +(function () { + var log = function () {}; + + function OrientationTester(container, orientation) { + this.container = container; + this.setOrientation(orientation); + } + extend(OrientationTester.prototype, { + setOrientation: function (orientation) { + this.orientation = orientation; + }, + measure: function (results) { + this.results = results; + this._measureNode(this.container); + }, + _measureNode: function (node, block) { + switch (node.nodeType) { + case Node.ELEMENT_NODE: + var blockOverride = node.dataset.block; + if (blockOverride) + block = blockOverride; + var nodes = node.childNodes; + for (var i = 0; i < nodes.length; i++) + this._measureNode(nodes[i], block); + return; + case Node.TEXT_NODE: + break; + default: + return; + } + + if (this.orientation == "R") { + var advanceExpected = 8; + var advanceFailed = 4; + } else { + advanceExpected = 4; + advanceFailed = 8; + } + + var range = document.createRange(); + var text = node.textContent; + for (var ich = 0; ich < text.length; ich++) { + var code = text.charCodeAt(ich); + if (code == 10 || code == 13) + continue; + range.setStart(node, ich); + if (code >= 0xD800 && code <= 0xDBFF) { + var next = text.charCodeAt(ich+1); + if (next >= 0xDC00 && next <= 0xDFFF) { + ich++; + code = ((code & 0x3FF) << 10) + (next & 0x3FF) + 0x10000; + } + } + range.setEnd(node, ich + 1); + rect = range.getBoundingClientRect(); + if (rect.width == 16) { + if (rect.height == advanceExpected) { + this.results.passCount++; + continue; + } + //log("U+" + stringFromUnicode(code) + " " + rect.width + "x" + rect.height); + if (rect.height == advanceFailed) { + this.results.failed(this, code, block); + continue; + } + } + this.results.inconclusive(this, code, block, rect); + } + }}); + + function Results(name) { + var block = document.createElement("details"); + this.summary = appendChildElement(block, "summary"); + this.summary.textContent = name; + var typeList = appendChildElement(block, "ul"); + this.failList = appendChildElement(appendChildElement(typeList, "li", "Failures"), "ol"); + this.inconclusiveList = appendChildElement(appendChildElement(typeList, "li", "Inconclusives"), "ol"); + details.appendChild(block); + this.passCount = 0; + this.failCount = 0; + this.inconclusiveCount = 0; + } + extend(Results.prototype, { + failed: function (test, code, block) { + this.failCount++; + this.append(this.failList, test, code, block); + }, + inconclusive: function (test, code, block, rect) { + this.inconclusiveCount++; + this.append(this.inconclusiveList, test, code, block, " but inconclusive (rendered as " + rect.width + "x" + rect.height + ")"); + }, + append: function (list, test, code, block, message) { + var text = stringFromUnicode(code) + " should be " + test.orientation; + if (block) + text = block + ": " + text; + if (message) + text += message; + appendChildElement(list, "li", text); + }, + done: function (test) { + this.summary.textContent += " (" + this.passCount + " passes, " + + this.failCount + " fails, " + + this.inconclusiveCount + " inconclusives)"; + assert_equals(this.failCount, 0, "Fail count"); + assert_greater_than(this.passCount, 0, "Pass count"); + test.done(); + }}); + + function Runner() { + var nodes = document.querySelectorAll("div[data-vo]"); + this.testers = []; + for (var i = 0; i < nodes.length; i++) { + var node = nodes[i]; + var vo = node.dataset.vo; + var tester = new OrientationTester(node, vo); + tester.test = async_test("Default orientation for vo=" + vo); + this.testers.push(tester); + } + this.testU = async_test("Orientation=Upright"); + this.testR = async_test("Orientation=Rotated"); + } + extend(Runner.prototype, { + run: function () { + log("Started"); + var start = new Date; + + for (var i = 0; i < this.testers.length; i++) { + var tester = this.testers[i]; + var test = tester.test; + test.step(function () { + var results = new Results(test.name); + tester.measure(results); + results.done(test); + }); + } + this.runOrientation(this.testU, "U"); + this.runOrientation(this.testR, "R"); + + log("Elapsed " + (new Date() - start)); + done(); + }, + runOrientation: function (test, orientation) { + container.classList.add(orientation); + var results = new Results(test.name); + var me = this; + test.step(function () { + for (var i = 0; i < me.testers.length; i++) { + var tester = me.testers[i]; + tester.setOrientation(orientation); + tester.measure(results); + } + results.done(test); + }) + container.classList.remove(orientation); + }}); + + setup({explicit_done:true, explicit_timeout:true}); + var runner = new Runner(); + window.onload = function () { + if (window.location.search == "?wait") { + log("Sleeping 5 secs for debug purpose"); + return setTimeout(run, 5000); + } + run(); + } + + function run() { + onFontReady("16px orientation", function () { runner.run(); }); + } + + function onFontReady(font, func) { + log("Waiting test fonts to load"); + if (document.fonts) { + if ('load' in document.fonts) + return document.fonts.load(font).then(func); + if ('ready' in document.fonts) + return document.fonts.ready.then(func); + } + document.offsetTop; // last resort to load @font-face + func(); + } + + function arrayFromRangesByValue(dict) { + var array = []; + for (var value in dict) { + var ranges = dict[value]; + for (var i = 0; i < ranges.length; i += 2) { + var to = ranges[i+1]; + for (var code = ranges[i]; code <= to; code++) + array[code] = value; + } + } + return array; + }; + + function stringFromUnicode(code) { + var hex = code.toString(16).toUpperCase(); + if (hex.length < 4) { + hex = "0000" + hex; + hex = hex.substr(hex.length - 4); + } + return hex + ' "' + String.fromCharCode(code) + '"'; + } + + function appendChildElement(parent, tag, text) { + var node = document.createElement(tag); + if (text) + node.textContent = text; + parent.appendChild(node); + return node; + } + + function extend(target, dict) { + for (var key in dict) + target[key] = dict[key]; + } +})(); diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/vertical-form.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/vertical-form.png Binary files differnew file mode 100644 index 00000000000..53a3af92cd6 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/vertical-form.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-59x59.png Binary files differnew file mode 100644 index 00000000000..50816d38f6b --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-horiz-redline-bottom-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-horiz-redline-bottom-59x59.png Binary files differnew file mode 100644 index 00000000000..d6139238de3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-horiz-redline-bottom-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-vert-redline-center-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-vert-redline-center-59x59.png Binary files differnew file mode 100644 index 00000000000..c352b109548 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-vert-redline-center-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-vert-redline-left-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-vert-redline-left-59x59.png Binary files differnew file mode 100644 index 00000000000..8baf6f60404 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-vert-redline-left-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-vert-redline-right-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-vert-redline-right-59x59.png Binary files differnew file mode 100644 index 00000000000..7e881312b35 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-vert-redline-right-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest-toc.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest-toc.xht index 94f1203a293..165a4ca7950 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest-toc.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest-toc.xht @@ -2392,6 +2392,14 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="flexbox_align-items-stretch-writing-modes" class=""> + <tr> + <td rowspan="1" title="Flexbox align-items: stretch with writing-mode vertical-lr and vertical-rl"> + <a href="flexbox_align-items-stretch-writing-modes.xht">flexbox_align-items-stretch-writing-modes</a></td> + <td><a href="reference/flexbox_align-items-stretch-writing-modes-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="flexbox_align-self-auto" class=""> <tr> <td rowspan="1" title="flexbox | align-self: auto"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest.list b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest.list index 1996e450700..a598849ed18 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest.list +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest.list @@ -295,6 +295,7 @@ flexbox_align-items-flexstart.xht == reference/flexbox_align-items-flexstart-ref flexbox_align-items-flexstart-2.xht == reference/flexbox_align-items-flexstart-2-ref.xht flexbox_align-items-stretch.xht == reference/flexbox_align-items-stretch-ref.xht flexbox_align-items-stretch-2.xht == reference/flexbox_align-items-stretch-2-ref.xht +flexbox_align-items-stretch-writing-modes.xht == reference/flexbox_align-items-stretch-writing-modes-ref.xht flexbox_align-self-auto.xht == reference/flexbox_align-self-auto-ref.xht flexbox_align-self-baseline.xht == reference/flexbox_align-self-baseline-ref.xht flexbox_align-self-center.xht == reference/flexbox_align-self-center-ref.xht diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/100x100-lime.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/100x100-lime.png Binary files differnew file mode 100644 index 00000000000..1b947700808 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/100x100-lime.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/100x100-red.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/100x100-red.png Binary files differnew file mode 100644 index 00000000000..57bf3ddc521 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/100x100-red.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/DejaVuSerif-webfont.woff b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/DejaVuSerif-webfont.woff Binary files differnew file mode 100644 index 00000000000..4583cc675d7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/DejaVuSerif-webfont.woff diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differnew file mode 100644 index 00000000000..84ad57bef5a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/adobe-fonts/LICENSE b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/adobe-fonts/LICENSE new file mode 100644 index 00000000000..ac5f0b04320 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/adobe-fonts/LICENSE @@ -0,0 +1,31 @@ +CSS Half-Width Orientation Test and CSS Full-Width Orientation Test are released under the SIL Open Font License - please read it carefully and do not download the fonts unless you agree to the the terms of the license: +Copyright © 2013 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Names CSS Half-Width Orientation Test and CSS Full-Width Orientation Test +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL + +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others. +The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright Holder(s) under this license and clearly marked as such. This may include source files, build scripts and documentation. +"Reserved Font Name" refers to any names specified as such after the copyright statement(s). +"Original Version" refers to the collection of Font Software components as distributed by the Copyright Holder(s). +"Modified Version" refers to any derivative made by adding to, deleting, or substituting -- in part or in whole -- any of the components of the Original Version, by changing formats or by porting the Font Software to a new environment. +"Author" refers to any designer, engineer, programmer, technical writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining a copy of the Font Software, to use, study, copy, merge, embed, modify, redistribute, and sell modified and unmodified copies of the Font Software, subject to the following conditions: +1) Neither the Font Software nor any of its individual components, in Original or Modified Versions, may be sold by itself. +2) Original or Modified Versions of the Font Software may be bundled, redistributed and/or sold with any software, provided that each copy contains the above copyright notice and this license. These can be included either as stand-alone text files, human-readable headers or in the appropriate machine-readable metadata fields within text or binary files as long as those fields can be easily viewed by the user. +3) No Modified Version of the Font Software may use the Reserved Font Name(s) unless explicit written permission is granted by the corresponding Copyright Holder. This restriction only applies to the primary font name as presented to the users. +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software shall not be used to promote, endorse or advertise any Modified Version, except to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) or with their explicit written permission. +5) The Font Software, modified or unmodified, in part or in whole, must be distributed entirely under this license, and must not be distributed under any other license. The requirement for fonts to remain under this license does not apply to any document created using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/adobe-fonts/README.md new file mode 100644 index 00000000000..686cb0c4279 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/adobe-fonts/README.md @@ -0,0 +1,43 @@ +CSS Orientation Test +==== + +Overview +---- +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. + +Getting Involved +---- +Send suggestions for changes to the CSS Orientation Test project maintainer, lunde@adobe.com, for consideration. + +Building +==== + +Pre-built font binaries +---- +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). + + +Requirements +---- + +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. + +Building the fonts +---- + +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. + +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: + + % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H + % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf + % sfntedit -f CSSFWOrientationTest.otf + +That is all. diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-1col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-1col-2row-320x320.png Binary files differnew file mode 100644 index 00000000000..7ca197bc06e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-1col-2row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-1col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-1col-3row-320x320.png Binary files differnew file mode 100644 index 00000000000..f5c13ab550d --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-1col-3row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-2col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-2col-2row-320x320.png Binary files differnew file mode 100644 index 00000000000..4f354e93527 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-2col-2row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-2col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-2col-3row-320x320.png Binary files differnew file mode 100644 index 00000000000..6eded69a4a3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-2col-3row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-3col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-3col-2row-320x320.png Binary files differnew file mode 100644 index 00000000000..5f4b53c46b7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-3col-2row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-3col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-3col-3row-320x320.png Binary files differnew file mode 100644 index 00000000000..4c2f6c8e632 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-3col-3row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-4col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-4col-2row-320x320.png Binary files differnew file mode 100644 index 00000000000..052d224df11 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-4col-2row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-4col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-4col-3row-320x320.png Binary files differnew file mode 100644 index 00000000000..1826531268a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-4col-3row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/block-flow-direction-025-exp-res.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/block-flow-direction-025-exp-res.png Binary files differnew file mode 100644 index 00000000000..851eeea0398 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/block-flow-direction-025-exp-res.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/block-flow-direction-066-exp-res.png Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/block-flow-direction-066-exp-res.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-horiz-line-220x1.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-horiz-line-220x1.png Binary files differnew file mode 100644 index 00000000000..3898d5a2d9e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-horiz-line-220x1.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-horiz-line-320x1.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-horiz-line-320x1.png Binary files differnew file mode 100644 index 00000000000..7d9151c848a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-horiz-line-320x1.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-vert-line-1x220.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-vert-line-1x220.png Binary files differnew file mode 100644 index 00000000000..07b0239fc52 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-vert-line-1x220.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-vert-line-1x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-vert-line-1x320.png Binary files differnew file mode 100644 index 00000000000..6049e271506 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-vert-line-1x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-yellow-206w-165h.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-yellow-206w-165h.png Binary files differnew file mode 100644 index 00000000000..47ceb84d3fb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-yellow-206w-165h.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue1x1.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue1x1.png Binary files differnew file mode 100644 index 00000000000..667b6558892 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue1x1.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue20x20.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue20x20.png Binary files differnew file mode 100644 index 00000000000..e0af5553303 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue20x20.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/clearance-calculation-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/clearance-calculation-vrl-002.png Binary files differnew file mode 100644 index 00000000000..7fc9f14ed6e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/clearance-calculation-vrl-002.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/clearance-calculation-vrl-004.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/clearance-calculation-vrl-004.png Binary files differnew file mode 100644 index 00000000000..2d1355e3bdb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/clearance-calculation-vrl-004.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/clearance-calculation-vrl-006.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/clearance-calculation-vrl-006.png Binary files differnew file mode 100644 index 00000000000..5145c22c485 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/clearance-calculation-vrl-006.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-007.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-007.html new file mode 100644 index 00000000000..5af681f14eb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-007.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-007 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-lr' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0 . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-009.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-009.html new file mode 100644 index 00000000000..d5d94382ea2 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-009.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-009 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-lr' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: auto; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 400px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 300px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-015.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-015.html new file mode 100644 index 00000000000..887565e66d4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-015.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-015 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width (set to shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px == 300px) + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px. + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-017.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-017.html new file mode 100644 index 00000000000..c38de525145 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-017.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-017 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width (set to shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px == 300px) + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px. + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-019.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-019.html new file mode 100644 index 00000000000..66be0f4eba9 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-019.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-019 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green solid 35px; + border-right: green solid 15px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: 50px; + writing-mode: vertical-lr; + } + + /* + " + 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-021.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-021.html new file mode 100644 index 00000000000..eff5f71a450 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-021.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-021 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green solid 35px; + border-right: green solid 15px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: 50px; + writing-mode: vertical-lr; + } + + /* + " + 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-023.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-023.html new file mode 100644 index 00000000000..2da3bf3dd53 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-023.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-023 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + solve : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used width value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-025.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-025.html new file mode 100644 index 00000000000..572557eb339 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-025.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-025 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + solve : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used width value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-027.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-027.html new file mode 100644 index 00000000000..8537a945fbc --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-027.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-027 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: 20%; + writing-mode: vertical-lr; + } + + /* + " + 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + auto : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-029.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-029.html new file mode 100644 index 00000000000..95047f16a92 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-029.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-029 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: 20%; + writing-mode: vertical-lr; + } + + /* + " + 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + auto : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-031.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-031.html new file mode 100644 index 00000000000..4f1aa674eba --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-031.html @@ -0,0 +1,96 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-031 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - overconstrained values with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + margin-left: 0px; + margin-right: 0px; + position: absolute; + right: 40%; + top: 0px; + width: 20%; + writing-mode: vertical-lr; + } + + /* + " + If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 40% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + +ignore and solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-033.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-033.html new file mode 100644 index 00000000000..1f35ff47dd6 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-033.html @@ -0,0 +1,96 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-033 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - overconstrained values with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 20%; + margin-left: 0px; + margin-right: 0px; + position: absolute; + right: 20%; + top: 0px; + width: 20%; + writing-mode: vertical-lr; + } + + /* + " + If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 20% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + +ignore and solve : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 300px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-006.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-006.html new file mode 100644 index 00000000000..3f4f1c935ca --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-006.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-006 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-008.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-008.html new file mode 100644 index 00000000000..1c0bb78e74d --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-008.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-008 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: auto; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 300px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-014.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-014.html new file mode 100644 index 00000000000..c193112b600 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-014.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-014 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width (set to shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px == 300px) + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px. + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-016.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-016.html new file mode 100644 index 00000000000..204a08ef3df --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-016.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-016 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width (set to shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px == 300px) + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px. + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-018.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-018.html new file mode 100644 index 00000000000..a71927cf3a8 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-018.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-018 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green solid 35px; + border-right: green solid 15px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: 50px; + writing-mode: vertical-rl; + } + + /* + " + 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-020.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-020.html new file mode 100644 index 00000000000..e1054bc2a96 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-020.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-020 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green solid 35px; + border-right: green solid 15px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: 50px; + writing-mode: vertical-rl; + } + + /* + " + 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-022.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-022.html new file mode 100644 index 00000000000..39f297f1b9c --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-022.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-022 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + solve : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used width value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-024.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-024.html new file mode 100644 index 00000000000..26e0ec67fd1 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-024.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-024 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + solve : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used width value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-026.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-026.html new file mode 100644 index 00000000000..a0b80d99e3a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-026.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-026 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: 20%; + writing-mode: vertical-rl; + } + + /* + " + 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + auto : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-028.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-028.html new file mode 100644 index 00000000000..62d74144fee --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-028.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-028 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: 20%; + writing-mode: vertical-rl; + } + + /* + " + 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + auto : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-030.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-030.html new file mode 100644 index 00000000000..21efbe52bc5 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-030.html @@ -0,0 +1,96 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-030 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - overconstrained values with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + margin-left: 0px; + margin-right: 0px; + position: absolute; + right: 40%; + top: 0px; + width: 20%; + writing-mode: vertical-rl; + } + + /* + " + If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 40% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + +ignore and solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-032.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-032.html new file mode 100644 index 00000000000..748f325d8d7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-032.html @@ -0,0 +1,96 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-032 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - overconstrained values with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 20%; + margin-left: 0px; + margin-right: 0px; + position: absolute; + right: 20%; + top: 0px; + width: 20%; + writing-mode: vertical-rl; + } + + /* + " + If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 20% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + +ignore and solve : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 300px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-for-background-size-root-vrl-002.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-for-background-size-root-vrl-002.html new file mode 100644 index 00000000000..044da84cff8 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-for-background-size-root-vrl-002.html @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html><head> + + <meta charset="UTF-8"> + + <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> + <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> + + <title>Embedded HTML document for background-size-document-root-vrl-002</title> + + <style> + html + { + background-image: url("swatch-green.png"); + background-repeat: no-repeat; + background-size: 100% 100%; + writing-mode: vertical-rl; + + width: 100px; + } + </style> + + </head> + +<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-for-background-size-root-vrl-004.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-for-background-size-root-vrl-004.html new file mode 100644 index 00000000000..68fca9ad435 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-for-background-size-root-vrl-004.html @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<html><head> + + <meta charset="UTF-8"> + + <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> + <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> + + <title>Embedded HTML document for background-size-document-root-vrl-004</title> + + <style> + html + { + background-image: url("swatch-green.png"); + background-repeat: no-repeat; + background-size: 100% 100%; + writing-mode: vertical-rl; + + border-right: green solid 20px; + width: 80px; + } + </style> + + </head> + +<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-for-background-size-root-vrl-006.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-for-background-size-root-vrl-006.html new file mode 100644 index 00000000000..38a614d2346 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-for-background-size-root-vrl-006.html @@ -0,0 +1,27 @@ +<!DOCTYPE html> +<html><head> + + <meta charset="UTF-8"> + + <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> + <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> + + <title>Embedded HTML document for background-size-document-root-vrl-006</title> + + <style> + html + { + background-image: url("swatch-green.png"); + background-repeat: no-repeat; + background-size: 100% 100%; + writing-mode: vertical-rl; + + margin-right: 50px; + padding-right: 50px; + width: 50px; + } + </style> + + </head> + +<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-for-background-size-root-vrl-008.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-for-background-size-root-vrl-008.html new file mode 100644 index 00000000000..048ad073944 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-for-background-size-root-vrl-008.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html><head> + + <meta charset="UTF-8"> + + <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> + <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> + + <title>Embedded HTML document for background-size-document-root-vrl-008</title> + + <style> + html + { + background-image: url("swatch-green.png"); + background-repeat: no-repeat; + background-size: 100% 100%; + writing-mode: vertical-rl; + + border-left: white solid 20px; + margin-right: 50px; + padding-right: 50px; + width: 50px; + } + </style> + + </head> + +<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/form-controls-slr.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/form-controls-srl.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/form-controls-vlr.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-bottom-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-bottom-200x300.png Binary files differnew file mode 100644 index 00000000000..6e30eba507a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-bottom-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-bottom-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-bottom-green-200x300.png Binary files differnew file mode 100644 index 00000000000..30668751dfb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-bottom-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-center-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-center-200x300.png Binary files differnew file mode 100644 index 00000000000..6025c4e85be --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-center-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-center-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-center-green-200x300.png Binary files differnew file mode 100644 index 00000000000..b2645c0fe69 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-center-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-side-filled-square-40x160.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-side-filled-square-40x160.png Binary files differnew file mode 100644 index 00000000000..86fd7e5671d --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-side-filled-square-40x160.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-top-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-top-200x300.png Binary files differnew file mode 100644 index 00000000000..43e739acbc2 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-top-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/margin-collapse-2em-space-wm-vert.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/margin-collapse-2em-space-wm-vert.png Binary files differnew file mode 100644 index 00000000000..8a2fa55efdf --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/margin-collapse-2em-space-wm-vert.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/mplus-1p-regular.woff b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/mplus-1p-regular.woff Binary files differnew file mode 100644 index 00000000000..42cfff628b4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/mplus-1p-regular.woff diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/opaque-square-40x160.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/opaque-square-40x160.png Binary files differnew file mode 100644 index 00000000000..11636f5f771 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/opaque-square-40x160.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/page-flow-direction-002p1.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/page-flow-direction-002p1.png Binary files differnew file mode 100644 index 00000000000..f5adb11b4b4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/page-flow-direction-002p1.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/page-flow-direction-002p2.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/page-flow-direction-002p2.png Binary files differnew file mode 100644 index 00000000000..7ecf84bae34 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/page-flow-direction-002p2.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/page-flow-direction-002p3.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/page-flow-direction-002p3.png Binary files differnew file mode 100644 index 00000000000..d7c58d62243 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/page-flow-direction-002p3.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/page-flow-direction-002p4.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/page-flow-direction-002p4.png Binary files differnew file mode 100644 index 00000000000..04dc0fe2e9e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/page-flow-direction-002p4.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-abs-pos-non-replaced.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-abs-pos-non-replaced.png Binary files differnew file mode 100644 index 00000000000..15fd6065ef6 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-abs-pos-non-replaced.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-002.png Binary files differnew file mode 100644 index 00000000000..a0db6909418 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-002.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-004.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-004.png Binary files differnew file mode 100644 index 00000000000..ec130f10f46 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-004.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-006.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-006.png Binary files differnew file mode 100644 index 00000000000..981741b7e53 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-006.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-008.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-008.png Binary files differnew file mode 100644 index 00000000000..9b2a0610e4e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-008.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-010.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-010.png Binary files differnew file mode 100644 index 00000000000..a2d66146186 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-010.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-012.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-012.png Binary files differnew file mode 100644 index 00000000000..23b1beb9cd4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-012.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-014.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-014.png Binary files differnew file mode 100644 index 00000000000..64e081c72f1 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-014.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-016.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-016.png Binary files differnew file mode 100644 index 00000000000..952e0089b8f --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-016.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-018.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-018.png Binary files differnew file mode 100644 index 00000000000..22f51030c36 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-018.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-box-offsets-rel-pos.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-box-offsets-rel-pos.png Binary files differnew file mode 100644 index 00000000000..e81c0ae4cf5 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-box-offsets-rel-pos.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-clearance-calculations.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-clearance-calculations.png Binary files differnew file mode 100644 index 00000000000..ec502d3532a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-clearance-calculations.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-first-page-vlr-003.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-first-page-vlr-003.png Binary files differnew file mode 100644 index 00000000000..f8c677b8e05 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-first-page-vlr-003.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-first-page-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-first-page-vrl-002.png Binary files differnew file mode 100644 index 00000000000..48555d3acc8 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-first-page-vrl-002.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-float-contiguous.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-float-contiguous.png Binary files differnew file mode 100644 index 00000000000..8d35d98e9c4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-float-contiguous.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-horiz-rule.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-horiz-rule.png Binary files differnew file mode 100644 index 00000000000..f9cc0b1eeff --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-horiz-rule.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gg-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gg-gr-100x100.png Binary files differnew file mode 100644 index 00000000000..b14c75ea2c0 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gg-gr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gg-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gg-rg-100x100.png Binary files differnew file mode 100644 index 00000000000..80c7035f1fc --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gg-rg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gg-rr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gg-rr-100x100.png Binary files differnew file mode 100644 index 00000000000..a98636ddef3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gg-rr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gr-gg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gr-gg-100x100.png Binary files differnew file mode 100644 index 00000000000..fd1f7a7b50a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gr-gg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gr-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gr-gr-100x100.png Binary files differnew file mode 100644 index 00000000000..431b99f933a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gr-gr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gr-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gr-rg-100x100.png Binary files differnew file mode 100644 index 00000000000..63248d4dd1f --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gr-rg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gr-rr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gr-rr-100x100.png Binary files differnew file mode 100644 index 00000000000..6fba8358309 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gr-rr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rg-gg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rg-gg-100x100.png Binary files differnew file mode 100644 index 00000000000..47ee743880e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rg-gg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rg-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rg-gr-100x100.png Binary files differnew file mode 100644 index 00000000000..6b19ec9a4e7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rg-gr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rg-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rg-rg-100x100.png Binary files differnew file mode 100644 index 00000000000..e28bdba9dd6 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rg-rg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rg-rr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rg-rr-100x100.png Binary files differnew file mode 100644 index 00000000000..797e289e059 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rg-rr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rr-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rr-gr-100x100.png Binary files differnew file mode 100644 index 00000000000..97aac24065c --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rr-gr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rr-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rr-rg-100x100.png Binary files differnew file mode 100644 index 00000000000..177743874e2 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rr-rg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-bottom-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-bottom-200x300.png Binary files differnew file mode 100644 index 00000000000..38904b25087 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-bottom-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-bottom-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-bottom-green-200x300.png Binary files differnew file mode 100644 index 00000000000..a3c6bb63b64 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-bottom-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-center-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-center-200x300.png Binary files differnew file mode 100644 index 00000000000..b9987017a06 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-center-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-center-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-center-green-200x300.png Binary files differnew file mode 100644 index 00000000000..8f54bf5a894 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-center-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-side-filled-square-40x160.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-side-filled-square-40x160.png Binary files differnew file mode 100644 index 00000000000..f76b2083118 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-side-filled-square-40x160.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-top-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-top-200x300.png Binary files differnew file mode 100644 index 00000000000..59467ec3f18 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-top-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-top-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-top-green-200x300.png Binary files differnew file mode 100644 index 00000000000..313c37f4dfb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-top-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/sileot-webfont.woff b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/sileot-webfont.woff Binary files differnew file mode 100644 index 00000000000..81547578d36 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/sileot-webfont.woff diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-aqua.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-aqua.png Binary files differnew file mode 100644 index 00000000000..dd47e286650 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-aqua.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-fuchsia.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-fuchsia.png Binary files differnew file mode 100644 index 00000000000..3f8f8b4ea37 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-fuchsia.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-olive.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-olive.png Binary files differnew file mode 100644 index 00000000000..8fff8179ef3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-olive.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/tcu-font.woff b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/tcu-font.woff Binary files differnew file mode 100644 index 00000000000..c880aaab5cf --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/tcu-font.woff diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-mixed-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-mixed-001.png Binary files differnew file mode 100644 index 00000000000..2bd5927f901 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-mixed-001.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-sideways-left-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-sideways-left-001.png Binary files differnew file mode 100644 index 00000000000..51921a7e91a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-sideways-left-001.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-sideways-right-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-sideways-right-001.png Binary files differnew file mode 100644 index 00000000000..f4bfd48549f --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-sideways-right-001.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-upright-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-upright-001.png Binary files differnew file mode 100644 index 00000000000..d7df4098ed2 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-upright-001.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation.js b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation.js new file mode 100644 index 00000000000..6e007cea82e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation.js @@ -0,0 +1,217 @@ +(function () { + var log = function () {}; + + function OrientationTester(container, orientation) { + this.container = container; + this.setOrientation(orientation); + } + extend(OrientationTester.prototype, { + setOrientation: function (orientation) { + this.orientation = orientation; + }, + measure: function (results) { + this.results = results; + this._measureNode(this.container); + }, + _measureNode: function (node, block) { + switch (node.nodeType) { + case Node.ELEMENT_NODE: + var blockOverride = node.dataset.block; + if (blockOverride) + block = blockOverride; + var nodes = node.childNodes; + for (var i = 0; i < nodes.length; i++) + this._measureNode(nodes[i], block); + return; + case Node.TEXT_NODE: + break; + default: + return; + } + + if (this.orientation == "R") { + var advanceExpected = 8; + var advanceFailed = 4; + } else { + advanceExpected = 4; + advanceFailed = 8; + } + + var range = document.createRange(); + var text = node.textContent; + for (var ich = 0; ich < text.length; ich++) { + var code = text.charCodeAt(ich); + if (code == 10 || code == 13) + continue; + range.setStart(node, ich); + if (code >= 0xD800 && code <= 0xDBFF) { + var next = text.charCodeAt(ich+1); + if (next >= 0xDC00 && next <= 0xDFFF) { + ich++; + code = ((code & 0x3FF) << 10) + (next & 0x3FF) + 0x10000; + } + } + range.setEnd(node, ich + 1); + rect = range.getBoundingClientRect(); + if (rect.width == 16) { + if (rect.height == advanceExpected) { + this.results.passCount++; + continue; + } + //log("U+" + stringFromUnicode(code) + " " + rect.width + "x" + rect.height); + if (rect.height == advanceFailed) { + this.results.failed(this, code, block); + continue; + } + } + this.results.inconclusive(this, code, block, rect); + } + }}); + + function Results(name) { + var block = document.createElement("details"); + this.summary = appendChildElement(block, "summary"); + this.summary.textContent = name; + var typeList = appendChildElement(block, "ul"); + this.failList = appendChildElement(appendChildElement(typeList, "li", "Failures"), "ol"); + this.inconclusiveList = appendChildElement(appendChildElement(typeList, "li", "Inconclusives"), "ol"); + details.appendChild(block); + this.passCount = 0; + this.failCount = 0; + this.inconclusiveCount = 0; + } + extend(Results.prototype, { + failed: function (test, code, block) { + this.failCount++; + this.append(this.failList, test, code, block); + }, + inconclusive: function (test, code, block, rect) { + this.inconclusiveCount++; + this.append(this.inconclusiveList, test, code, block, " but inconclusive (rendered as " + rect.width + "x" + rect.height + ")"); + }, + append: function (list, test, code, block, message) { + var text = stringFromUnicode(code) + " should be " + test.orientation; + if (block) + text = block + ": " + text; + if (message) + text += message; + appendChildElement(list, "li", text); + }, + done: function (test) { + this.summary.textContent += " (" + this.passCount + " passes, " + + this.failCount + " fails, " + + this.inconclusiveCount + " inconclusives)"; + assert_equals(this.failCount, 0, "Fail count"); + assert_greater_than(this.passCount, 0, "Pass count"); + test.done(); + }}); + + function Runner() { + var nodes = document.querySelectorAll("div[data-vo]"); + this.testers = []; + for (var i = 0; i < nodes.length; i++) { + var node = nodes[i]; + var vo = node.dataset.vo; + var tester = new OrientationTester(node, vo); + tester.test = async_test("Default orientation for vo=" + vo); + this.testers.push(tester); + } + this.testU = async_test("Orientation=Upright"); + this.testR = async_test("Orientation=Rotated"); + } + extend(Runner.prototype, { + run: function () { + log("Started"); + var start = new Date; + + for (var i = 0; i < this.testers.length; i++) { + var tester = this.testers[i]; + var test = tester.test; + test.step(function () { + var results = new Results(test.name); + tester.measure(results); + results.done(test); + }); + } + this.runOrientation(this.testU, "U"); + this.runOrientation(this.testR, "R"); + + log("Elapsed " + (new Date() - start)); + done(); + }, + runOrientation: function (test, orientation) { + container.classList.add(orientation); + var results = new Results(test.name); + var me = this; + test.step(function () { + for (var i = 0; i < me.testers.length; i++) { + var tester = me.testers[i]; + tester.setOrientation(orientation); + tester.measure(results); + } + results.done(test); + }) + container.classList.remove(orientation); + }}); + + setup({explicit_done:true, explicit_timeout:true}); + var runner = new Runner(); + window.onload = function () { + if (window.location.search == "?wait") { + log("Sleeping 5 secs for debug purpose"); + return setTimeout(run, 5000); + } + run(); + } + + function run() { + onFontReady("16px orientation", function () { runner.run(); }); + } + + function onFontReady(font, func) { + log("Waiting test fonts to load"); + if (document.fonts) { + if ('load' in document.fonts) + return document.fonts.load(font).then(func); + if ('ready' in document.fonts) + return document.fonts.ready.then(func); + } + document.offsetTop; // last resort to load @font-face + func(); + } + + function arrayFromRangesByValue(dict) { + var array = []; + for (var value in dict) { + var ranges = dict[value]; + for (var i = 0; i < ranges.length; i += 2) { + var to = ranges[i+1]; + for (var code = ranges[i]; code <= to; code++) + array[code] = value; + } + } + return array; + }; + + function stringFromUnicode(code) { + var hex = code.toString(16).toUpperCase(); + if (hex.length < 4) { + hex = "0000" + hex; + hex = hex.substr(hex.length - 4); + } + return hex + ' "' + String.fromCharCode(code) + '"'; + } + + function appendChildElement(parent, tag, text) { + var node = document.createElement(tag); + if (text) + node.textContent = text; + parent.appendChild(node); + return node; + } + + function extend(target, dict) { + for (var key in dict) + target[key] = dict[key]; + } +})(); diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/vertical-form.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/vertical-form.png Binary files differnew file mode 100644 index 00000000000..53a3af92cd6 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/vertical-form.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-59x59.png Binary files differnew file mode 100644 index 00000000000..50816d38f6b --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-horiz-redline-bottom-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-horiz-redline-bottom-59x59.png Binary files differnew file mode 100644 index 00000000000..d6139238de3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-horiz-redline-bottom-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-vert-redline-center-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-vert-redline-center-59x59.png Binary files differnew file mode 100644 index 00000000000..c352b109548 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-vert-redline-center-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-vert-redline-left-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-vert-redline-left-59x59.png Binary files differnew file mode 100644 index 00000000000..8baf6f60404 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-vert-redline-left-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-vert-redline-right-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-vert-redline-right-59x59.png Binary files differnew file mode 100644 index 00000000000..7e881312b35 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-vert-redline-right-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/toc.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/toc.xht index d96e60ebbe9..08e2d2e5fa4 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/toc.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/toc.xht @@ -57,7 +57,7 @@ <tbody id="s8"> <tr><th><a href="chapter-8.xht">Chapter 8 - Alignment</a></th> - <td>(161 Tests)</td></tr> + <td>(162 Tests)</td></tr> </tbody> <tbody id="s9"> <tr><th><a href="chapter-9.xht">Chapter 9 - diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-8.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-8.xht index a7401025b1d..00e165463d7 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-8.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-8.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Alignment (161 tests)</h2> + <h2>Alignment (162 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -844,7 +844,7 @@ </tr> </tbody> <tbody id="s8.3.#propdef-align-items"> - <!-- 28 tests --> + <!-- 29 tests --> <tr id="align-items-001-8.3.#propdef-align-items" class=""> <td> <a href="align-items-001.xht">align-items-001</a></td> @@ -994,6 +994,17 @@ <td>flexbox | align-items: stretch </td> </tr> + <tr id="flexbox_align-items-stretch-writing-modes-8.3.#propdef-align-items" class="primary"> + <td><strong> + <a href="flexbox_align-items-stretch-writing-modes.xht">flexbox_align-items-stretch-writing-modes</a></strong></td> + <td><a href="reference/flexbox_align-items-stretch-writing-modes-ref.xht">=</a> </td> + <td></td> + <td>Flexbox align-items: stretch with writing-mode vertical-lr and vertical-rl + <ul class="assert"> + <li>vertical-writing-mode flex items should stretch</li> + </ul> + </td> + </tr> <tr id="flexbox_align-self-auto-8.3.#propdef-align-items" class="primary"> <td><strong> <a href="flexbox_align-self-auto.xht">flexbox_align-self-auto</a></strong></td> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_align-items-stretch-writing-modes.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_align-items-stretch-writing-modes.xht new file mode 100644 index 00000000000..9ceed4f9b51 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_align-items-stretch-writing-modes.xht @@ -0,0 +1,58 @@ +<!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 Test: Flexbox align-items: stretch with writing-mode vertical-lr and vertical-rl</title> + <link href="mailto:mitsuteru.s@gmail.com" rel="author" title="Mitsuteru Sawa" /> + <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins Jr." /> + <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> + <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> + <link href="reference/flexbox_align-items-stretch-writing-modes-ref.xht" rel="match" /> + <meta content="vertical-writing-mode flex items should stretch" name="assert" /> + <style> + .container { + display: flex; + width: 250px; + } + .vertical-rl { + writing-mode: vertical-rl; + } + .vertical-lr { + writing-mode: vertical-lr; + } + .item { + background-color: green; + } + .square { + height: 50px; + width: 50px; + } + .error { + position: absolute; + background-color: red; + height: 100px; + width: 250px; + z-index: -1; + } + </style> +</head> +<body> + <p>The test passes if you see a green rectangle and no red.</p> + <div class="test"> + <div class="error"></div> + <div class="container"> + <div class="horizontal item"> + <div class="square"></div> + <div class="square"></div> + </div> + <div class="vertical-rl item"> + <div class="square"></div> + <div class="square"></div> + </div> + <div class="vertical-lr item"> + <div class="square"></div> + <div class="square"></div> + </div> + </div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/writing-mode-stretch-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox_align-items-stretch-writing-modes-ref.xht index 25f3929942a..25f3929942a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/writing-mode-stretch-001-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox_align-items-stretch-writing-modes-ref.xht diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/100x100-lime.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/100x100-lime.png Binary files differnew file mode 100644 index 00000000000..1b947700808 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/100x100-lime.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/100x100-red.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/100x100-red.png Binary files differnew file mode 100644 index 00000000000..57bf3ddc521 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/100x100-red.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/DejaVuSerif-webfont.woff b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/DejaVuSerif-webfont.woff Binary files differnew file mode 100644 index 00000000000..4583cc675d7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/DejaVuSerif-webfont.woff diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differnew file mode 100644 index 00000000000..84ad57bef5a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/adobe-fonts/LICENSE b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/adobe-fonts/LICENSE new file mode 100644 index 00000000000..ac5f0b04320 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/adobe-fonts/LICENSE @@ -0,0 +1,31 @@ +CSS Half-Width Orientation Test and CSS Full-Width Orientation Test are released under the SIL Open Font License - please read it carefully and do not download the fonts unless you agree to the the terms of the license: +Copyright © 2013 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Names CSS Half-Width Orientation Test and CSS Full-Width Orientation Test +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL + +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others. +The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright Holder(s) under this license and clearly marked as such. This may include source files, build scripts and documentation. +"Reserved Font Name" refers to any names specified as such after the copyright statement(s). +"Original Version" refers to the collection of Font Software components as distributed by the Copyright Holder(s). +"Modified Version" refers to any derivative made by adding to, deleting, or substituting -- in part or in whole -- any of the components of the Original Version, by changing formats or by porting the Font Software to a new environment. +"Author" refers to any designer, engineer, programmer, technical writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining a copy of the Font Software, to use, study, copy, merge, embed, modify, redistribute, and sell modified and unmodified copies of the Font Software, subject to the following conditions: +1) Neither the Font Software nor any of its individual components, in Original or Modified Versions, may be sold by itself. +2) Original or Modified Versions of the Font Software may be bundled, redistributed and/or sold with any software, provided that each copy contains the above copyright notice and this license. These can be included either as stand-alone text files, human-readable headers or in the appropriate machine-readable metadata fields within text or binary files as long as those fields can be easily viewed by the user. +3) No Modified Version of the Font Software may use the Reserved Font Name(s) unless explicit written permission is granted by the corresponding Copyright Holder. This restriction only applies to the primary font name as presented to the users. +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software shall not be used to promote, endorse or advertise any Modified Version, except to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) or with their explicit written permission. +5) The Font Software, modified or unmodified, in part or in whole, must be distributed entirely under this license, and must not be distributed under any other license. The requirement for fonts to remain under this license does not apply to any document created using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/adobe-fonts/README.md new file mode 100644 index 00000000000..686cb0c4279 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/adobe-fonts/README.md @@ -0,0 +1,43 @@ +CSS Orientation Test +==== + +Overview +---- +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. + +Getting Involved +---- +Send suggestions for changes to the CSS Orientation Test project maintainer, lunde@adobe.com, for consideration. + +Building +==== + +Pre-built font binaries +---- +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). + + +Requirements +---- + +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. + +Building the fonts +---- + +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. + +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: + + % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H + % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf + % sfntedit -f CSSFWOrientationTest.otf + +That is all. diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/bg-red-1col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/bg-red-1col-2row-320x320.png Binary files differnew file mode 100644 index 00000000000..7ca197bc06e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/bg-red-1col-2row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/bg-red-1col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/bg-red-1col-3row-320x320.png Binary files differnew file mode 100644 index 00000000000..f5c13ab550d --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/bg-red-1col-3row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/bg-red-2col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/bg-red-2col-2row-320x320.png Binary files differnew file mode 100644 index 00000000000..4f354e93527 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/bg-red-2col-2row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/bg-red-2col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/bg-red-2col-3row-320x320.png Binary files differnew file mode 100644 index 00000000000..6eded69a4a3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/bg-red-2col-3row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/bg-red-3col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/bg-red-3col-2row-320x320.png Binary files differnew file mode 100644 index 00000000000..5f4b53c46b7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/bg-red-3col-2row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/bg-red-3col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/bg-red-3col-3row-320x320.png Binary files differnew file mode 100644 index 00000000000..4c2f6c8e632 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/bg-red-3col-3row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/bg-red-4col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/bg-red-4col-2row-320x320.png Binary files differnew file mode 100644 index 00000000000..052d224df11 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/bg-red-4col-2row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/bg-red-4col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/bg-red-4col-3row-320x320.png Binary files differnew file mode 100644 index 00000000000..1826531268a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/bg-red-4col-3row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/block-flow-direction-025-exp-res.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/block-flow-direction-025-exp-res.png Binary files differnew file mode 100644 index 00000000000..851eeea0398 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/block-flow-direction-025-exp-res.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/blue-horiz-line-220x1.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/blue-horiz-line-220x1.png Binary files differnew file mode 100644 index 00000000000..3898d5a2d9e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/blue-horiz-line-220x1.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/blue-horiz-line-320x1.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/blue-horiz-line-320x1.png Binary files differnew file mode 100644 index 00000000000..7d9151c848a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/blue-horiz-line-320x1.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/blue-vert-line-1x220.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/blue-vert-line-1x220.png Binary files differnew file mode 100644 index 00000000000..07b0239fc52 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/blue-vert-line-1x220.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/blue-vert-line-1x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/blue-vert-line-1x320.png Binary files differnew file mode 100644 index 00000000000..6049e271506 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/blue-vert-line-1x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/blue-yellow-206w-165h.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/blue-yellow-206w-165h.png Binary files differnew file mode 100644 index 00000000000..47ceb84d3fb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/blue-yellow-206w-165h.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/blue1x1.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/blue1x1.png Binary files differnew file mode 100644 index 00000000000..667b6558892 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/blue1x1.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/blue20x20.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/blue20x20.png Binary files differnew file mode 100644 index 00000000000..e0af5553303 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/blue20x20.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/clearance-calculation-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/clearance-calculation-vrl-002.png Binary files differnew file mode 100644 index 00000000000..7fc9f14ed6e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/clearance-calculation-vrl-002.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/clearance-calculation-vrl-004.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/clearance-calculation-vrl-004.png Binary files differnew file mode 100644 index 00000000000..2d1355e3bdb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/clearance-calculation-vrl-004.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/clearance-calculation-vrl-006.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/clearance-calculation-vrl-006.png Binary files differnew file mode 100644 index 00000000000..5145c22c485 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/clearance-calculation-vrl-006.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-007.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-007.html new file mode 100644 index 00000000000..5af681f14eb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-007.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-007 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-lr' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0 . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-009.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-009.html new file mode 100644 index 00000000000..d5d94382ea2 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-009.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-009 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-lr' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: auto; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 400px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 300px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-015.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-015.html new file mode 100644 index 00000000000..887565e66d4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-015.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-015 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width (set to shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px == 300px) + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px. + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-017.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-017.html new file mode 100644 index 00000000000..c38de525145 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-017.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-017 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width (set to shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px == 300px) + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px. + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-019.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-019.html new file mode 100644 index 00000000000..66be0f4eba9 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-019.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-019 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green solid 35px; + border-right: green solid 15px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: 50px; + writing-mode: vertical-lr; + } + + /* + " + 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-021.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-021.html new file mode 100644 index 00000000000..eff5f71a450 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-021.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-021 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green solid 35px; + border-right: green solid 15px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: 50px; + writing-mode: vertical-lr; + } + + /* + " + 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-023.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-023.html new file mode 100644 index 00000000000..2da3bf3dd53 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-023.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-023 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + solve : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used width value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-025.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-025.html new file mode 100644 index 00000000000..572557eb339 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-025.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-025 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + solve : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used width value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-027.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-027.html new file mode 100644 index 00000000000..8537a945fbc --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-027.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-027 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: 20%; + writing-mode: vertical-lr; + } + + /* + " + 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + auto : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-029.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-029.html new file mode 100644 index 00000000000..95047f16a92 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-029.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-029 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: 20%; + writing-mode: vertical-lr; + } + + /* + " + 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + auto : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-031.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-031.html new file mode 100644 index 00000000000..4f1aa674eba --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-031.html @@ -0,0 +1,96 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-031 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - overconstrained values with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + margin-left: 0px; + margin-right: 0px; + position: absolute; + right: 40%; + top: 0px; + width: 20%; + writing-mode: vertical-lr; + } + + /* + " + If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 40% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + +ignore and solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-033.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-033.html new file mode 100644 index 00000000000..1f35ff47dd6 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-033.html @@ -0,0 +1,96 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-033 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - overconstrained values with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 20%; + margin-left: 0px; + margin-right: 0px; + position: absolute; + right: 20%; + top: 0px; + width: 20%; + writing-mode: vertical-lr; + } + + /* + " + If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 20% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + +ignore and solve : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 300px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-006.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-006.html new file mode 100644 index 00000000000..3f4f1c935ca --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-006.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-006 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-008.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-008.html new file mode 100644 index 00000000000..1c0bb78e74d --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-008.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-008 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: auto; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 300px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-014.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-014.html new file mode 100644 index 00000000000..c193112b600 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-014.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-014 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width (set to shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px == 300px) + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px. + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-016.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-016.html new file mode 100644 index 00000000000..204a08ef3df --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-016.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-016 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width (set to shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px == 300px) + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px. + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-018.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-018.html new file mode 100644 index 00000000000..a71927cf3a8 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-018.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-018 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green solid 35px; + border-right: green solid 15px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: 50px; + writing-mode: vertical-rl; + } + + /* + " + 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-020.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-020.html new file mode 100644 index 00000000000..e1054bc2a96 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-020.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-020 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green solid 35px; + border-right: green solid 15px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: 50px; + writing-mode: vertical-rl; + } + + /* + " + 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-022.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-022.html new file mode 100644 index 00000000000..39f297f1b9c --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-022.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-022 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + solve : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used width value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-024.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-024.html new file mode 100644 index 00000000000..26e0ec67fd1 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-024.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-024 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + solve : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used width value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-026.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-026.html new file mode 100644 index 00000000000..a0b80d99e3a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-026.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-026 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: 20%; + writing-mode: vertical-rl; + } + + /* + " + 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + auto : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-028.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-028.html new file mode 100644 index 00000000000..62d74144fee --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-028.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-028 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: 20%; + writing-mode: vertical-rl; + } + + /* + " + 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + auto : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-030.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-030.html new file mode 100644 index 00000000000..21efbe52bc5 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-030.html @@ -0,0 +1,96 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-030 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - overconstrained values with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + margin-left: 0px; + margin-right: 0px; + position: absolute; + right: 40%; + top: 0px; + width: 20%; + writing-mode: vertical-rl; + } + + /* + " + If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 40% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + +ignore and solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-032.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-032.html new file mode 100644 index 00000000000..748f325d8d7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-032.html @@ -0,0 +1,96 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-032 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - overconstrained values with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 20%; + margin-left: 0px; + margin-right: 0px; + position: absolute; + right: 20%; + top: 0px; + width: 20%; + writing-mode: vertical-rl; + } + + /* + " + If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 20% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + +ignore and solve : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 300px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-for-background-size-root-vrl-002.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-for-background-size-root-vrl-002.html new file mode 100644 index 00000000000..044da84cff8 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-for-background-size-root-vrl-002.html @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html><head> + + <meta charset="UTF-8"> + + <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> + <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> + + <title>Embedded HTML document for background-size-document-root-vrl-002</title> + + <style> + html + { + background-image: url("swatch-green.png"); + background-repeat: no-repeat; + background-size: 100% 100%; + writing-mode: vertical-rl; + + width: 100px; + } + </style> + + </head> + +<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-for-background-size-root-vrl-004.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-for-background-size-root-vrl-004.html new file mode 100644 index 00000000000..68fca9ad435 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-for-background-size-root-vrl-004.html @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<html><head> + + <meta charset="UTF-8"> + + <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> + <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> + + <title>Embedded HTML document for background-size-document-root-vrl-004</title> + + <style> + html + { + background-image: url("swatch-green.png"); + background-repeat: no-repeat; + background-size: 100% 100%; + writing-mode: vertical-rl; + + border-right: green solid 20px; + width: 80px; + } + </style> + + </head> + +<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-for-background-size-root-vrl-006.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-for-background-size-root-vrl-006.html new file mode 100644 index 00000000000..38a614d2346 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-for-background-size-root-vrl-006.html @@ -0,0 +1,27 @@ +<!DOCTYPE html> +<html><head> + + <meta charset="UTF-8"> + + <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> + <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> + + <title>Embedded HTML document for background-size-document-root-vrl-006</title> + + <style> + html + { + background-image: url("swatch-green.png"); + background-repeat: no-repeat; + background-size: 100% 100%; + writing-mode: vertical-rl; + + margin-right: 50px; + padding-right: 50px; + width: 50px; + } + </style> + + </head> + +<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-for-background-size-root-vrl-008.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-for-background-size-root-vrl-008.html new file mode 100644 index 00000000000..048ad073944 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/embedded-doc-for-background-size-root-vrl-008.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html><head> + + <meta charset="UTF-8"> + + <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> + <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> + + <title>Embedded HTML document for background-size-document-root-vrl-008</title> + + <style> + html + { + background-image: url("swatch-green.png"); + background-repeat: no-repeat; + background-size: 100% 100%; + writing-mode: vertical-rl; + + border-left: white solid 20px; + margin-right: 50px; + padding-right: 50px; + width: 50px; + } + </style> + + </head> + +<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/form-controls-slr.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/form-controls-srl.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/form-controls-vlr.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/left-bottom-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/left-bottom-200x300.png Binary files differnew file mode 100644 index 00000000000..6e30eba507a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/left-bottom-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/left-bottom-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/left-bottom-green-200x300.png Binary files differnew file mode 100644 index 00000000000..30668751dfb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/left-bottom-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/left-center-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/left-center-200x300.png Binary files differnew file mode 100644 index 00000000000..6025c4e85be --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/left-center-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/left-center-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/left-center-green-200x300.png Binary files differnew file mode 100644 index 00000000000..b2645c0fe69 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/left-center-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/left-side-filled-square-40x160.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/left-side-filled-square-40x160.png Binary files differnew file mode 100644 index 00000000000..86fd7e5671d --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/left-side-filled-square-40x160.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/left-top-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/left-top-200x300.png Binary files differnew file mode 100644 index 00000000000..43e739acbc2 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/left-top-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/margin-collapse-2em-space-wm-vert.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/margin-collapse-2em-space-wm-vert.png Binary files differnew file mode 100644 index 00000000000..8a2fa55efdf --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/margin-collapse-2em-space-wm-vert.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/mplus-1p-regular.woff b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/mplus-1p-regular.woff Binary files differnew file mode 100644 index 00000000000..42cfff628b4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/mplus-1p-regular.woff diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/opaque-square-40x160.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/opaque-square-40x160.png Binary files differnew file mode 100644 index 00000000000..11636f5f771 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/opaque-square-40x160.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/page-flow-direction-002p1.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/page-flow-direction-002p1.png Binary files differnew file mode 100644 index 00000000000..f5adb11b4b4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/page-flow-direction-002p1.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/page-flow-direction-002p2.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/page-flow-direction-002p2.png Binary files differnew file mode 100644 index 00000000000..7ecf84bae34 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/page-flow-direction-002p2.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/page-flow-direction-002p3.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/page-flow-direction-002p3.png Binary files differnew file mode 100644 index 00000000000..d7c58d62243 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/page-flow-direction-002p3.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/page-flow-direction-002p4.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/page-flow-direction-002p4.png Binary files differnew file mode 100644 index 00000000000..04dc0fe2e9e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/page-flow-direction-002p4.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-abs-pos-non-replaced.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-abs-pos-non-replaced.png Binary files differnew file mode 100644 index 00000000000..15fd6065ef6 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-abs-pos-non-replaced.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-bg-pos-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-bg-pos-vrl-002.png Binary files differnew file mode 100644 index 00000000000..a0db6909418 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-bg-pos-vrl-002.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-bg-pos-vrl-004.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-bg-pos-vrl-004.png Binary files differnew file mode 100644 index 00000000000..ec130f10f46 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-bg-pos-vrl-004.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-bg-pos-vrl-006.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-bg-pos-vrl-006.png Binary files differnew file mode 100644 index 00000000000..981741b7e53 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-bg-pos-vrl-006.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-bg-pos-vrl-008.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-bg-pos-vrl-008.png Binary files differnew file mode 100644 index 00000000000..9b2a0610e4e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-bg-pos-vrl-008.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-bg-pos-vrl-010.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-bg-pos-vrl-010.png Binary files differnew file mode 100644 index 00000000000..a2d66146186 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-bg-pos-vrl-010.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-bg-pos-vrl-012.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-bg-pos-vrl-012.png Binary files differnew file mode 100644 index 00000000000..23b1beb9cd4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-bg-pos-vrl-012.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-bg-pos-vrl-014.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-bg-pos-vrl-014.png Binary files differnew file mode 100644 index 00000000000..64e081c72f1 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-bg-pos-vrl-014.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-bg-pos-vrl-016.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-bg-pos-vrl-016.png Binary files differnew file mode 100644 index 00000000000..952e0089b8f --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-bg-pos-vrl-016.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-bg-pos-vrl-018.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-bg-pos-vrl-018.png Binary files differnew file mode 100644 index 00000000000..22f51030c36 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-bg-pos-vrl-018.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-box-offsets-rel-pos.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-box-offsets-rel-pos.png Binary files differnew file mode 100644 index 00000000000..e81c0ae4cf5 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-box-offsets-rel-pos.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-clearance-calculations.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-clearance-calculations.png Binary files differnew file mode 100644 index 00000000000..ec502d3532a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-clearance-calculations.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-first-page-vlr-003.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-first-page-vlr-003.png Binary files differnew file mode 100644 index 00000000000..f8c677b8e05 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-first-page-vlr-003.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-first-page-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-first-page-vrl-002.png Binary files differnew file mode 100644 index 00000000000..48555d3acc8 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-first-page-vrl-002.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-float-contiguous.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-float-contiguous.png Binary files differnew file mode 100644 index 00000000000..8d35d98e9c4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-float-contiguous.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-horiz-rule.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-horiz-rule.png Binary files differnew file mode 100644 index 00000000000..f9cc0b1eeff --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pass-cdts-horiz-rule.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-gg-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-gg-gr-100x100.png Binary files differnew file mode 100644 index 00000000000..b14c75ea2c0 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-gg-gr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-gg-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-gg-rg-100x100.png Binary files differnew file mode 100644 index 00000000000..80c7035f1fc --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-gg-rg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-gg-rr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-gg-rr-100x100.png Binary files differnew file mode 100644 index 00000000000..a98636ddef3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-gg-rr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-gr-gg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-gr-gg-100x100.png Binary files differnew file mode 100644 index 00000000000..fd1f7a7b50a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-gr-gg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-gr-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-gr-gr-100x100.png Binary files differnew file mode 100644 index 00000000000..431b99f933a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-gr-gr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-gr-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-gr-rg-100x100.png Binary files differnew file mode 100644 index 00000000000..63248d4dd1f --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-gr-rg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-gr-rr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-gr-rr-100x100.png Binary files differnew file mode 100644 index 00000000000..6fba8358309 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-gr-rr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-rg-gg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-rg-gg-100x100.png Binary files differnew file mode 100644 index 00000000000..47ee743880e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-rg-gg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-rg-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-rg-gr-100x100.png Binary files differnew file mode 100644 index 00000000000..6b19ec9a4e7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-rg-gr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-rg-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-rg-rg-100x100.png Binary files differnew file mode 100644 index 00000000000..e28bdba9dd6 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-rg-rg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-rg-rr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-rg-rr-100x100.png Binary files differnew file mode 100644 index 00000000000..797e289e059 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-rg-rr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-rr-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-rr-gr-100x100.png Binary files differnew file mode 100644 index 00000000000..97aac24065c --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-rr-gr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-rr-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-rr-rg-100x100.png Binary files differnew file mode 100644 index 00000000000..177743874e2 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/pattern-rr-rg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/right-bottom-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/right-bottom-200x300.png Binary files differnew file mode 100644 index 00000000000..38904b25087 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/right-bottom-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/right-bottom-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/right-bottom-green-200x300.png Binary files differnew file mode 100644 index 00000000000..a3c6bb63b64 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/right-bottom-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/right-center-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/right-center-200x300.png Binary files differnew file mode 100644 index 00000000000..b9987017a06 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/right-center-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/right-center-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/right-center-green-200x300.png Binary files differnew file mode 100644 index 00000000000..8f54bf5a894 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/right-center-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/right-side-filled-square-40x160.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/right-side-filled-square-40x160.png Binary files differnew file mode 100644 index 00000000000..f76b2083118 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/right-side-filled-square-40x160.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/right-top-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/right-top-200x300.png Binary files differnew file mode 100644 index 00000000000..59467ec3f18 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/right-top-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/right-top-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/right-top-green-200x300.png Binary files differnew file mode 100644 index 00000000000..313c37f4dfb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/right-top-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/sileot-webfont.woff b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/sileot-webfont.woff Binary files differnew file mode 100644 index 00000000000..81547578d36 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/sileot-webfont.woff diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/swatch-aqua.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/swatch-aqua.png Binary files differnew file mode 100644 index 00000000000..dd47e286650 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/swatch-aqua.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/swatch-fuchsia.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/swatch-fuchsia.png Binary files differnew file mode 100644 index 00000000000..3f8f8b4ea37 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/swatch-fuchsia.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/swatch-olive.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/swatch-olive.png Binary files differnew file mode 100644 index 00000000000..8fff8179ef3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/swatch-olive.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/tcu-font.woff b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/tcu-font.woff Binary files differnew file mode 100644 index 00000000000..c880aaab5cf --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/tcu-font.woff diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/text-orientation-mixed-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/text-orientation-mixed-001.png Binary files differnew file mode 100644 index 00000000000..2bd5927f901 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/text-orientation-mixed-001.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/text-orientation-sideways-left-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/text-orientation-sideways-left-001.png Binary files differnew file mode 100644 index 00000000000..51921a7e91a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/text-orientation-sideways-left-001.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/text-orientation-sideways-right-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/text-orientation-sideways-right-001.png Binary files differnew file mode 100644 index 00000000000..f4bfd48549f --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/text-orientation-sideways-right-001.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/text-orientation-upright-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/text-orientation-upright-001.png Binary files differnew file mode 100644 index 00000000000..d7df4098ed2 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/text-orientation-upright-001.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/text-orientation.js b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/text-orientation.js new file mode 100644 index 00000000000..6e007cea82e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/text-orientation.js @@ -0,0 +1,217 @@ +(function () { + var log = function () {}; + + function OrientationTester(container, orientation) { + this.container = container; + this.setOrientation(orientation); + } + extend(OrientationTester.prototype, { + setOrientation: function (orientation) { + this.orientation = orientation; + }, + measure: function (results) { + this.results = results; + this._measureNode(this.container); + }, + _measureNode: function (node, block) { + switch (node.nodeType) { + case Node.ELEMENT_NODE: + var blockOverride = node.dataset.block; + if (blockOverride) + block = blockOverride; + var nodes = node.childNodes; + for (var i = 0; i < nodes.length; i++) + this._measureNode(nodes[i], block); + return; + case Node.TEXT_NODE: + break; + default: + return; + } + + if (this.orientation == "R") { + var advanceExpected = 8; + var advanceFailed = 4; + } else { + advanceExpected = 4; + advanceFailed = 8; + } + + var range = document.createRange(); + var text = node.textContent; + for (var ich = 0; ich < text.length; ich++) { + var code = text.charCodeAt(ich); + if (code == 10 || code == 13) + continue; + range.setStart(node, ich); + if (code >= 0xD800 && code <= 0xDBFF) { + var next = text.charCodeAt(ich+1); + if (next >= 0xDC00 && next <= 0xDFFF) { + ich++; + code = ((code & 0x3FF) << 10) + (next & 0x3FF) + 0x10000; + } + } + range.setEnd(node, ich + 1); + rect = range.getBoundingClientRect(); + if (rect.width == 16) { + if (rect.height == advanceExpected) { + this.results.passCount++; + continue; + } + //log("U+" + stringFromUnicode(code) + " " + rect.width + "x" + rect.height); + if (rect.height == advanceFailed) { + this.results.failed(this, code, block); + continue; + } + } + this.results.inconclusive(this, code, block, rect); + } + }}); + + function Results(name) { + var block = document.createElement("details"); + this.summary = appendChildElement(block, "summary"); + this.summary.textContent = name; + var typeList = appendChildElement(block, "ul"); + this.failList = appendChildElement(appendChildElement(typeList, "li", "Failures"), "ol"); + this.inconclusiveList = appendChildElement(appendChildElement(typeList, "li", "Inconclusives"), "ol"); + details.appendChild(block); + this.passCount = 0; + this.failCount = 0; + this.inconclusiveCount = 0; + } + extend(Results.prototype, { + failed: function (test, code, block) { + this.failCount++; + this.append(this.failList, test, code, block); + }, + inconclusive: function (test, code, block, rect) { + this.inconclusiveCount++; + this.append(this.inconclusiveList, test, code, block, " but inconclusive (rendered as " + rect.width + "x" + rect.height + ")"); + }, + append: function (list, test, code, block, message) { + var text = stringFromUnicode(code) + " should be " + test.orientation; + if (block) + text = block + ": " + text; + if (message) + text += message; + appendChildElement(list, "li", text); + }, + done: function (test) { + this.summary.textContent += " (" + this.passCount + " passes, " + + this.failCount + " fails, " + + this.inconclusiveCount + " inconclusives)"; + assert_equals(this.failCount, 0, "Fail count"); + assert_greater_than(this.passCount, 0, "Pass count"); + test.done(); + }}); + + function Runner() { + var nodes = document.querySelectorAll("div[data-vo]"); + this.testers = []; + for (var i = 0; i < nodes.length; i++) { + var node = nodes[i]; + var vo = node.dataset.vo; + var tester = new OrientationTester(node, vo); + tester.test = async_test("Default orientation for vo=" + vo); + this.testers.push(tester); + } + this.testU = async_test("Orientation=Upright"); + this.testR = async_test("Orientation=Rotated"); + } + extend(Runner.prototype, { + run: function () { + log("Started"); + var start = new Date; + + for (var i = 0; i < this.testers.length; i++) { + var tester = this.testers[i]; + var test = tester.test; + test.step(function () { + var results = new Results(test.name); + tester.measure(results); + results.done(test); + }); + } + this.runOrientation(this.testU, "U"); + this.runOrientation(this.testR, "R"); + + log("Elapsed " + (new Date() - start)); + done(); + }, + runOrientation: function (test, orientation) { + container.classList.add(orientation); + var results = new Results(test.name); + var me = this; + test.step(function () { + for (var i = 0; i < me.testers.length; i++) { + var tester = me.testers[i]; + tester.setOrientation(orientation); + tester.measure(results); + } + results.done(test); + }) + container.classList.remove(orientation); + }}); + + setup({explicit_done:true, explicit_timeout:true}); + var runner = new Runner(); + window.onload = function () { + if (window.location.search == "?wait") { + log("Sleeping 5 secs for debug purpose"); + return setTimeout(run, 5000); + } + run(); + } + + function run() { + onFontReady("16px orientation", function () { runner.run(); }); + } + + function onFontReady(font, func) { + log("Waiting test fonts to load"); + if (document.fonts) { + if ('load' in document.fonts) + return document.fonts.load(font).then(func); + if ('ready' in document.fonts) + return document.fonts.ready.then(func); + } + document.offsetTop; // last resort to load @font-face + func(); + } + + function arrayFromRangesByValue(dict) { + var array = []; + for (var value in dict) { + var ranges = dict[value]; + for (var i = 0; i < ranges.length; i += 2) { + var to = ranges[i+1]; + for (var code = ranges[i]; code <= to; code++) + array[code] = value; + } + } + return array; + }; + + function stringFromUnicode(code) { + var hex = code.toString(16).toUpperCase(); + if (hex.length < 4) { + hex = "0000" + hex; + hex = hex.substr(hex.length - 4); + } + return hex + ' "' + String.fromCharCode(code) + '"'; + } + + function appendChildElement(parent, tag, text) { + var node = document.createElement(tag); + if (text) + node.textContent = text; + parent.appendChild(node); + return node; + } + + function extend(target, dict) { + for (var key in dict) + target[key] = dict[key]; + } +})(); diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/vertical-form.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/vertical-form.png Binary files differnew file mode 100644 index 00000000000..53a3af92cd6 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/vertical-form.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/yellow-square-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/yellow-square-59x59.png Binary files differnew file mode 100644 index 00000000000..50816d38f6b --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/yellow-square-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/yellow-square-horiz-redline-bottom-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/yellow-square-horiz-redline-bottom-59x59.png Binary files differnew file mode 100644 index 00000000000..d6139238de3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/yellow-square-horiz-redline-bottom-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/yellow-square-vert-redline-center-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/yellow-square-vert-redline-center-59x59.png Binary files differnew file mode 100644 index 00000000000..c352b109548 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/yellow-square-vert-redline-center-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/yellow-square-vert-redline-left-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/yellow-square-vert-redline-left-59x59.png Binary files differnew file mode 100644 index 00000000000..8baf6f60404 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/yellow-square-vert-redline-left-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/yellow-square-vert-redline-right-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/yellow-square-vert-redline-right-59x59.png Binary files differnew file mode 100644 index 00000000000..7e881312b35 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/support/yellow-square-vert-redline-right-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reftest-toc.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reftest-toc.xht index 94f1203a293..165a4ca7950 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reftest-toc.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reftest-toc.xht @@ -2392,6 +2392,14 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="flexbox_align-items-stretch-writing-modes" class=""> + <tr> + <td rowspan="1" title="Flexbox align-items: stretch with writing-mode vertical-lr and vertical-rl"> + <a href="flexbox_align-items-stretch-writing-modes.xht">flexbox_align-items-stretch-writing-modes</a></td> + <td><a href="reference/flexbox_align-items-stretch-writing-modes-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="flexbox_align-self-auto" class=""> <tr> <td rowspan="1" title="flexbox | align-self: auto"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reftest.list b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reftest.list index 1996e450700..a598849ed18 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reftest.list +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reftest.list @@ -295,6 +295,7 @@ flexbox_align-items-flexstart.xht == reference/flexbox_align-items-flexstart-ref flexbox_align-items-flexstart-2.xht == reference/flexbox_align-items-flexstart-2-ref.xht flexbox_align-items-stretch.xht == reference/flexbox_align-items-stretch-ref.xht flexbox_align-items-stretch-2.xht == reference/flexbox_align-items-stretch-2-ref.xht +flexbox_align-items-stretch-writing-modes.xht == reference/flexbox_align-items-stretch-writing-modes-ref.xht flexbox_align-self-auto.xht == reference/flexbox_align-self-auto-ref.xht flexbox_align-self-baseline.xht == reference/flexbox_align-self-baseline-ref.xht flexbox_align-self-center.xht == reference/flexbox_align-self-center-ref.xht diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/100x100-lime.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/100x100-lime.png Binary files differnew file mode 100644 index 00000000000..1b947700808 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/100x100-lime.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/100x100-red.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/100x100-red.png Binary files differnew file mode 100644 index 00000000000..57bf3ddc521 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/100x100-red.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/DejaVuSerif-webfont.woff b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/DejaVuSerif-webfont.woff Binary files differnew file mode 100644 index 00000000000..4583cc675d7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/DejaVuSerif-webfont.woff diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differnew file mode 100644 index 00000000000..84ad57bef5a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/adobe-fonts/LICENSE b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/adobe-fonts/LICENSE new file mode 100644 index 00000000000..ac5f0b04320 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/adobe-fonts/LICENSE @@ -0,0 +1,31 @@ +CSS Half-Width Orientation Test and CSS Full-Width Orientation Test are released under the SIL Open Font License - please read it carefully and do not download the fonts unless you agree to the the terms of the license: +Copyright © 2013 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Names CSS Half-Width Orientation Test and CSS Full-Width Orientation Test +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL + +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others. +The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright Holder(s) under this license and clearly marked as such. This may include source files, build scripts and documentation. +"Reserved Font Name" refers to any names specified as such after the copyright statement(s). +"Original Version" refers to the collection of Font Software components as distributed by the Copyright Holder(s). +"Modified Version" refers to any derivative made by adding to, deleting, or substituting -- in part or in whole -- any of the components of the Original Version, by changing formats or by porting the Font Software to a new environment. +"Author" refers to any designer, engineer, programmer, technical writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining a copy of the Font Software, to use, study, copy, merge, embed, modify, redistribute, and sell modified and unmodified copies of the Font Software, subject to the following conditions: +1) Neither the Font Software nor any of its individual components, in Original or Modified Versions, may be sold by itself. +2) Original or Modified Versions of the Font Software may be bundled, redistributed and/or sold with any software, provided that each copy contains the above copyright notice and this license. These can be included either as stand-alone text files, human-readable headers or in the appropriate machine-readable metadata fields within text or binary files as long as those fields can be easily viewed by the user. +3) No Modified Version of the Font Software may use the Reserved Font Name(s) unless explicit written permission is granted by the corresponding Copyright Holder. This restriction only applies to the primary font name as presented to the users. +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software shall not be used to promote, endorse or advertise any Modified Version, except to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) or with their explicit written permission. +5) The Font Software, modified or unmodified, in part or in whole, must be distributed entirely under this license, and must not be distributed under any other license. The requirement for fonts to remain under this license does not apply to any document created using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/adobe-fonts/README.md new file mode 100644 index 00000000000..686cb0c4279 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/adobe-fonts/README.md @@ -0,0 +1,43 @@ +CSS Orientation Test +==== + +Overview +---- +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. + +Getting Involved +---- +Send suggestions for changes to the CSS Orientation Test project maintainer, lunde@adobe.com, for consideration. + +Building +==== + +Pre-built font binaries +---- +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). + + +Requirements +---- + +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. + +Building the fonts +---- + +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. + +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: + + % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H + % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf + % sfntedit -f CSSFWOrientationTest.otf + +That is all. diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/bg-red-1col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/bg-red-1col-2row-320x320.png Binary files differnew file mode 100644 index 00000000000..7ca197bc06e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/bg-red-1col-2row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/bg-red-1col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/bg-red-1col-3row-320x320.png Binary files differnew file mode 100644 index 00000000000..f5c13ab550d --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/bg-red-1col-3row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/bg-red-2col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/bg-red-2col-2row-320x320.png Binary files differnew file mode 100644 index 00000000000..4f354e93527 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/bg-red-2col-2row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/bg-red-2col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/bg-red-2col-3row-320x320.png Binary files differnew file mode 100644 index 00000000000..6eded69a4a3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/bg-red-2col-3row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/bg-red-3col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/bg-red-3col-2row-320x320.png Binary files differnew file mode 100644 index 00000000000..5f4b53c46b7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/bg-red-3col-2row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/bg-red-3col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/bg-red-3col-3row-320x320.png Binary files differnew file mode 100644 index 00000000000..4c2f6c8e632 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/bg-red-3col-3row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/bg-red-4col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/bg-red-4col-2row-320x320.png Binary files differnew file mode 100644 index 00000000000..052d224df11 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/bg-red-4col-2row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/bg-red-4col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/bg-red-4col-3row-320x320.png Binary files differnew file mode 100644 index 00000000000..1826531268a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/bg-red-4col-3row-320x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/block-flow-direction-025-exp-res.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/block-flow-direction-025-exp-res.png Binary files differnew file mode 100644 index 00000000000..851eeea0398 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/block-flow-direction-025-exp-res.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/block-flow-direction-066-exp-res.png Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/block-flow-direction-066-exp-res.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/blue-horiz-line-220x1.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/blue-horiz-line-220x1.png Binary files differnew file mode 100644 index 00000000000..3898d5a2d9e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/blue-horiz-line-220x1.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/blue-horiz-line-320x1.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/blue-horiz-line-320x1.png Binary files differnew file mode 100644 index 00000000000..7d9151c848a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/blue-horiz-line-320x1.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/blue-vert-line-1x220.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/blue-vert-line-1x220.png Binary files differnew file mode 100644 index 00000000000..07b0239fc52 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/blue-vert-line-1x220.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/blue-vert-line-1x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/blue-vert-line-1x320.png Binary files differnew file mode 100644 index 00000000000..6049e271506 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/blue-vert-line-1x320.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/blue-yellow-206w-165h.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/blue-yellow-206w-165h.png Binary files differnew file mode 100644 index 00000000000..47ceb84d3fb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/blue-yellow-206w-165h.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/blue1x1.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/blue1x1.png Binary files differnew file mode 100644 index 00000000000..667b6558892 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/blue1x1.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/blue20x20.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/blue20x20.png Binary files differnew file mode 100644 index 00000000000..e0af5553303 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/blue20x20.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/clearance-calculation-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/clearance-calculation-vrl-002.png Binary files differnew file mode 100644 index 00000000000..7fc9f14ed6e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/clearance-calculation-vrl-002.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/clearance-calculation-vrl-004.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/clearance-calculation-vrl-004.png Binary files differnew file mode 100644 index 00000000000..2d1355e3bdb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/clearance-calculation-vrl-004.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/clearance-calculation-vrl-006.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/clearance-calculation-vrl-006.png Binary files differnew file mode 100644 index 00000000000..5145c22c485 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/clearance-calculation-vrl-006.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-007.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-007.html new file mode 100644 index 00000000000..5af681f14eb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-007.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-007 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-lr' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0 . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-009.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-009.html new file mode 100644 index 00000000000..d5d94382ea2 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-009.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-009 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-lr' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: auto; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 400px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 300px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-015.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-015.html new file mode 100644 index 00000000000..887565e66d4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-015.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-015 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width (set to shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px == 300px) + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px. + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-017.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-017.html new file mode 100644 index 00000000000..c38de525145 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-017.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-017 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width (set to shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px == 300px) + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px. + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-019.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-019.html new file mode 100644 index 00000000000..66be0f4eba9 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-019.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-019 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green solid 35px; + border-right: green solid 15px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: 50px; + writing-mode: vertical-lr; + } + + /* + " + 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-021.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-021.html new file mode 100644 index 00000000000..eff5f71a450 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-021.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-021 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green solid 35px; + border-right: green solid 15px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: 50px; + writing-mode: vertical-lr; + } + + /* + " + 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-023.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-023.html new file mode 100644 index 00000000000..2da3bf3dd53 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-023.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-023 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + solve : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used width value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-025.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-025.html new file mode 100644 index 00000000000..572557eb339 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-025.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-025 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-lr; + } + + /* + " + 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + solve : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used width value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-027.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-027.html new file mode 100644 index 00000000000..8537a945fbc --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-027.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-027 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: 20%; + writing-mode: vertical-lr; + } + + /* + " + 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + auto : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-029.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-029.html new file mode 100644 index 00000000000..95047f16a92 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-029.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-029 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: 20%; + writing-mode: vertical-lr; + } + + /* + " + 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + auto : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-031.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-031.html new file mode 100644 index 00000000000..4f1aa674eba --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-031.html @@ -0,0 +1,96 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-031 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - overconstrained values with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + margin-left: 0px; + margin-right: 0px; + position: absolute; + right: 40%; + top: 0px; + width: 20%; + writing-mode: vertical-lr; + } + + /* + " + If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 40% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + +ignore and solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-033.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-033.html new file mode 100644 index 00000000000..1f35ff47dd6 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vlr-033.html @@ -0,0 +1,96 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-033 in 'writing-mode: vertical-lr'</title> + + <!-- + position absolute and 'vertical-lr' - overconstrained values with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 20%; + margin-left: 0px; + margin-right: 0px; + position: absolute; + right: 20%; + top: 0px; + width: 20%; + writing-mode: vertical-lr; + } + + /* + " + If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 20% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + +ignore and solve : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 300px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-006.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-006.html new file mode 100644 index 00000000000..3f4f1c935ca --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-006.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-006 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-008.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-008.html new file mode 100644 index 00000000000..1c0bb78e74d --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-008.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-008 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: auto; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 300px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-014.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-014.html new file mode 100644 index 00000000000..c193112b600 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-014.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-014 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width (set to shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px == 300px) + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px. + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-016.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-016.html new file mode 100644 index 00000000000..204a08ef3df --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-016.html @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-016 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + border-left: green solid 25px; + border-right: green solid 75px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + auto : width (set to shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px == 300px) + + + 0px : margin-left + + + 25px : border-left-width + + + 0px : padding-left + + + 0px : width (shrink-to-fit) + + + 0px : padding-right + + + 75px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px. + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-018.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-018.html new file mode 100644 index 00000000000..a71927cf3a8 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-018.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-018 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green solid 35px; + border-right: green solid 15px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: 50px; + writing-mode: vertical-rl; + } + + /* + " + 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-020.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-020.html new file mode 100644 index 00000000000..e1054bc2a96 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-020.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-020 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green solid 35px; + border-right: green solid 15px; + height: 100px; + left: auto; + position: absolute; + right: 80%; + top: 0px; + width: 50px; + writing-mode: vertical-rl; + } + + /* + " + 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + auto : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 80% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + (solve) : left + + + 0px : margin-left + + + 35px : border-left-width + + + 0px : padding-left + + + 50px : width + + + 0px : padding-right + + + 15px : border-right-width + + + 0px : margin-right + + + 400px : right (80% of 500px == 400px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 0px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-022.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-022.html new file mode 100644 index 00000000000..39f297f1b9c --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-022.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-022 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + solve : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used width value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-024.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-024.html new file mode 100644 index 00000000000..26e0ec67fd1 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-024.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-024 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: 20%; + top: 0px; + width: auto; + writing-mode: vertical-rl; + } + + /* + " + 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + auto : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + solve : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right (20% of 500px == 100px) + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used width value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-026.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-026.html new file mode 100644 index 00000000000..a0b80d99e3a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-026.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-026 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: 20%; + writing-mode: vertical-rl; + } + + /* + " + 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + auto : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-028.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-028.html new file mode 100644 index 00000000000..62d74144fee --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-028.html @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-028 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + position: absolute; + right: auto; + top: 0px; + width: 20%; + writing-mode: vertical-rl; + } + + /* + " + 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + auto : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-030.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-030.html new file mode 100644 index 00000000000..21efbe52bc5 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-030.html @@ -0,0 +1,96 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-030 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - overconstrained values with 'direction: ltr' in initial containing block + --> + + <style type="text/css"> + html + { + direction: ltr; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 60%; + margin-left: 0px; + margin-right: 0px; + position: absolute; + right: 40%; + top: 0px; + width: 20%; + writing-mode: vertical-rl; + } + + /* + " + If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 60% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 40% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + + 300px : left (60% of 500px) + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + +ignore and solve : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used right offset value must be 100px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-032.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-032.html new file mode 100644 index 00000000000..748f325d8d7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-abs-pos-non-replaced-icb-vrl-032.html @@ -0,0 +1,96 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html><head> + + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + + <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-032 in 'writing-mode: vertical-rl'</title> + + <!-- + position absolute and 'vertical-rl' - overconstrained values with 'direction: rtl' in initial containing block + --> + + <style type="text/css"> + html + { + direction: rtl; + } + + div + { + background-color: green; + border-left: green none 0px; + border-right: green none 0px; + height: 100px; + left: 20%; + margin-left: 0px; + margin-right: 0px; + position: absolute; + right: 20%; + top: 0px; + width: 20%; + writing-mode: vertical-rl; + } + + /* + " + If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. + " + 10.3.7 Absolutely positioned, non-replaced elements + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width + + So: + + 20% : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 20% : width + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 20% : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + becomes + +ignore and solve : left + + + 0px : margin-left + + + 0px : border-left-width + + + 0px : padding-left + + + 100px : width (20% of 500px == 100px) + + + 0px : padding-right + + + 0px : border-right-width + + + 0px : margin-right + + + 100px : right + ==================== + 500px : width of containing block (width of Initial Containing Block) + + so used left offset value must be 300px . + + */ + </style> + </head> + + <body> + + <div></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-for-background-size-root-vrl-002.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-for-background-size-root-vrl-002.html new file mode 100644 index 00000000000..044da84cff8 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-for-background-size-root-vrl-002.html @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html><head> + + <meta charset="UTF-8"> + + <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> + <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> + + <title>Embedded HTML document for background-size-document-root-vrl-002</title> + + <style> + html + { + background-image: url("swatch-green.png"); + background-repeat: no-repeat; + background-size: 100% 100%; + writing-mode: vertical-rl; + + width: 100px; + } + </style> + + </head> + +<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-for-background-size-root-vrl-004.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-for-background-size-root-vrl-004.html new file mode 100644 index 00000000000..68fca9ad435 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-for-background-size-root-vrl-004.html @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<html><head> + + <meta charset="UTF-8"> + + <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> + <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> + + <title>Embedded HTML document for background-size-document-root-vrl-004</title> + + <style> + html + { + background-image: url("swatch-green.png"); + background-repeat: no-repeat; + background-size: 100% 100%; + writing-mode: vertical-rl; + + border-right: green solid 20px; + width: 80px; + } + </style> + + </head> + +<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-for-background-size-root-vrl-006.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-for-background-size-root-vrl-006.html new file mode 100644 index 00000000000..38a614d2346 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-for-background-size-root-vrl-006.html @@ -0,0 +1,27 @@ +<!DOCTYPE html> +<html><head> + + <meta charset="UTF-8"> + + <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> + <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> + + <title>Embedded HTML document for background-size-document-root-vrl-006</title> + + <style> + html + { + background-image: url("swatch-green.png"); + background-repeat: no-repeat; + background-size: 100% 100%; + writing-mode: vertical-rl; + + margin-right: 50px; + padding-right: 50px; + width: 50px; + } + </style> + + </head> + +<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-for-background-size-root-vrl-008.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-for-background-size-root-vrl-008.html new file mode 100644 index 00000000000..048ad073944 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/embedded-doc-for-background-size-root-vrl-008.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html><head> + + <meta charset="UTF-8"> + + <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> + <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> + + <title>Embedded HTML document for background-size-document-root-vrl-008</title> + + <style> + html + { + background-image: url("swatch-green.png"); + background-repeat: no-repeat; + background-size: 100% 100%; + writing-mode: vertical-rl; + + border-left: white solid 20px; + margin-right: 50px; + padding-right: 50px; + width: 50px; + } + </style> + + </head> + +<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/form-controls-slr.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/form-controls-srl.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/form-controls-vlr.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/left-bottom-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/left-bottom-200x300.png Binary files differnew file mode 100644 index 00000000000..6e30eba507a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/left-bottom-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/left-bottom-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/left-bottom-green-200x300.png Binary files differnew file mode 100644 index 00000000000..30668751dfb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/left-bottom-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/left-center-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/left-center-200x300.png Binary files differnew file mode 100644 index 00000000000..6025c4e85be --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/left-center-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/left-center-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/left-center-green-200x300.png Binary files differnew file mode 100644 index 00000000000..b2645c0fe69 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/left-center-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/left-side-filled-square-40x160.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/left-side-filled-square-40x160.png Binary files differnew file mode 100644 index 00000000000..86fd7e5671d --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/left-side-filled-square-40x160.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/left-top-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/left-top-200x300.png Binary files differnew file mode 100644 index 00000000000..43e739acbc2 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/left-top-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/margin-collapse-2em-space-wm-vert.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/margin-collapse-2em-space-wm-vert.png Binary files differnew file mode 100644 index 00000000000..8a2fa55efdf --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/margin-collapse-2em-space-wm-vert.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/mplus-1p-regular.woff b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/mplus-1p-regular.woff Binary files differnew file mode 100644 index 00000000000..42cfff628b4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/mplus-1p-regular.woff diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/opaque-square-40x160.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/opaque-square-40x160.png Binary files differnew file mode 100644 index 00000000000..11636f5f771 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/opaque-square-40x160.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/page-flow-direction-002p1.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/page-flow-direction-002p1.png Binary files differnew file mode 100644 index 00000000000..f5adb11b4b4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/page-flow-direction-002p1.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/page-flow-direction-002p2.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/page-flow-direction-002p2.png Binary files differnew file mode 100644 index 00000000000..7ecf84bae34 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/page-flow-direction-002p2.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/page-flow-direction-002p3.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/page-flow-direction-002p3.png Binary files differnew file mode 100644 index 00000000000..d7c58d62243 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/page-flow-direction-002p3.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/page-flow-direction-002p4.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/page-flow-direction-002p4.png Binary files differnew file mode 100644 index 00000000000..04dc0fe2e9e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/page-flow-direction-002p4.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-abs-pos-non-replaced.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-abs-pos-non-replaced.png Binary files differnew file mode 100644 index 00000000000..15fd6065ef6 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-abs-pos-non-replaced.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-bg-pos-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-bg-pos-vrl-002.png Binary files differnew file mode 100644 index 00000000000..a0db6909418 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-bg-pos-vrl-002.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-bg-pos-vrl-004.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-bg-pos-vrl-004.png Binary files differnew file mode 100644 index 00000000000..ec130f10f46 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-bg-pos-vrl-004.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-bg-pos-vrl-006.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-bg-pos-vrl-006.png Binary files differnew file mode 100644 index 00000000000..981741b7e53 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-bg-pos-vrl-006.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-bg-pos-vrl-008.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-bg-pos-vrl-008.png Binary files differnew file mode 100644 index 00000000000..9b2a0610e4e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-bg-pos-vrl-008.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-bg-pos-vrl-010.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-bg-pos-vrl-010.png Binary files differnew file mode 100644 index 00000000000..a2d66146186 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-bg-pos-vrl-010.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-bg-pos-vrl-012.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-bg-pos-vrl-012.png Binary files differnew file mode 100644 index 00000000000..23b1beb9cd4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-bg-pos-vrl-012.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-bg-pos-vrl-014.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-bg-pos-vrl-014.png Binary files differnew file mode 100644 index 00000000000..64e081c72f1 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-bg-pos-vrl-014.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-bg-pos-vrl-016.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-bg-pos-vrl-016.png Binary files differnew file mode 100644 index 00000000000..952e0089b8f --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-bg-pos-vrl-016.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-bg-pos-vrl-018.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-bg-pos-vrl-018.png Binary files differnew file mode 100644 index 00000000000..22f51030c36 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-bg-pos-vrl-018.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-box-offsets-rel-pos.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-box-offsets-rel-pos.png Binary files differnew file mode 100644 index 00000000000..e81c0ae4cf5 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-box-offsets-rel-pos.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-clearance-calculations.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-clearance-calculations.png Binary files differnew file mode 100644 index 00000000000..ec502d3532a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-clearance-calculations.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-first-page-vlr-003.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-first-page-vlr-003.png Binary files differnew file mode 100644 index 00000000000..f8c677b8e05 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-first-page-vlr-003.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-first-page-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-first-page-vrl-002.png Binary files differnew file mode 100644 index 00000000000..48555d3acc8 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-first-page-vrl-002.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-float-contiguous.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-float-contiguous.png Binary files differnew file mode 100644 index 00000000000..8d35d98e9c4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-float-contiguous.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-horiz-rule.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-horiz-rule.png Binary files differnew file mode 100644 index 00000000000..f9cc0b1eeff --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pass-cdts-horiz-rule.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-gg-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-gg-gr-100x100.png Binary files differnew file mode 100644 index 00000000000..b14c75ea2c0 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-gg-gr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-gg-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-gg-rg-100x100.png Binary files differnew file mode 100644 index 00000000000..80c7035f1fc --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-gg-rg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-gg-rr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-gg-rr-100x100.png Binary files differnew file mode 100644 index 00000000000..a98636ddef3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-gg-rr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-gr-gg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-gr-gg-100x100.png Binary files differnew file mode 100644 index 00000000000..fd1f7a7b50a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-gr-gg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-gr-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-gr-gr-100x100.png Binary files differnew file mode 100644 index 00000000000..431b99f933a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-gr-gr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-gr-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-gr-rg-100x100.png Binary files differnew file mode 100644 index 00000000000..63248d4dd1f --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-gr-rg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-gr-rr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-gr-rr-100x100.png Binary files differnew file mode 100644 index 00000000000..6fba8358309 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-gr-rr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-rg-gg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-rg-gg-100x100.png Binary files differnew file mode 100644 index 00000000000..47ee743880e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-rg-gg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-rg-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-rg-gr-100x100.png Binary files differnew file mode 100644 index 00000000000..6b19ec9a4e7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-rg-gr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-rg-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-rg-rg-100x100.png Binary files differnew file mode 100644 index 00000000000..e28bdba9dd6 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-rg-rg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-rg-rr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-rg-rr-100x100.png Binary files differnew file mode 100644 index 00000000000..797e289e059 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-rg-rr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-rr-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-rr-gr-100x100.png Binary files differnew file mode 100644 index 00000000000..97aac24065c --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-rr-gr-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-rr-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-rr-rg-100x100.png Binary files differnew file mode 100644 index 00000000000..177743874e2 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/pattern-rr-rg-100x100.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/right-bottom-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/right-bottom-200x300.png Binary files differnew file mode 100644 index 00000000000..38904b25087 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/right-bottom-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/right-bottom-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/right-bottom-green-200x300.png Binary files differnew file mode 100644 index 00000000000..a3c6bb63b64 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/right-bottom-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/right-center-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/right-center-200x300.png Binary files differnew file mode 100644 index 00000000000..b9987017a06 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/right-center-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/right-center-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/right-center-green-200x300.png Binary files differnew file mode 100644 index 00000000000..8f54bf5a894 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/right-center-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/right-side-filled-square-40x160.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/right-side-filled-square-40x160.png Binary files differnew file mode 100644 index 00000000000..f76b2083118 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/right-side-filled-square-40x160.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/right-top-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/right-top-200x300.png Binary files differnew file mode 100644 index 00000000000..59467ec3f18 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/right-top-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/right-top-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/right-top-green-200x300.png Binary files differnew file mode 100644 index 00000000000..313c37f4dfb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/right-top-green-200x300.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/sileot-webfont.woff b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/sileot-webfont.woff Binary files differnew file mode 100644 index 00000000000..81547578d36 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/sileot-webfont.woff diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/swatch-aqua.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/swatch-aqua.png Binary files differnew file mode 100644 index 00000000000..dd47e286650 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/swatch-aqua.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/swatch-fuchsia.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/swatch-fuchsia.png Binary files differnew file mode 100644 index 00000000000..3f8f8b4ea37 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/swatch-fuchsia.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/swatch-olive.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/swatch-olive.png Binary files differnew file mode 100644 index 00000000000..8fff8179ef3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/swatch-olive.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/tcu-font.woff b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/tcu-font.woff Binary files differnew file mode 100644 index 00000000000..c880aaab5cf --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/tcu-font.woff diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/text-orientation-mixed-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/text-orientation-mixed-001.png Binary files differnew file mode 100644 index 00000000000..2bd5927f901 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/text-orientation-mixed-001.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/text-orientation-sideways-left-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/text-orientation-sideways-left-001.png Binary files differnew file mode 100644 index 00000000000..51921a7e91a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/text-orientation-sideways-left-001.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/text-orientation-sideways-right-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/text-orientation-sideways-right-001.png Binary files differnew file mode 100644 index 00000000000..f4bfd48549f --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/text-orientation-sideways-right-001.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/text-orientation-upright-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/text-orientation-upright-001.png Binary files differnew file mode 100644 index 00000000000..d7df4098ed2 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/text-orientation-upright-001.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/text-orientation.js b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/text-orientation.js new file mode 100644 index 00000000000..6e007cea82e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/text-orientation.js @@ -0,0 +1,217 @@ +(function () { + var log = function () {}; + + function OrientationTester(container, orientation) { + this.container = container; + this.setOrientation(orientation); + } + extend(OrientationTester.prototype, { + setOrientation: function (orientation) { + this.orientation = orientation; + }, + measure: function (results) { + this.results = results; + this._measureNode(this.container); + }, + _measureNode: function (node, block) { + switch (node.nodeType) { + case Node.ELEMENT_NODE: + var blockOverride = node.dataset.block; + if (blockOverride) + block = blockOverride; + var nodes = node.childNodes; + for (var i = 0; i < nodes.length; i++) + this._measureNode(nodes[i], block); + return; + case Node.TEXT_NODE: + break; + default: + return; + } + + if (this.orientation == "R") { + var advanceExpected = 8; + var advanceFailed = 4; + } else { + advanceExpected = 4; + advanceFailed = 8; + } + + var range = document.createRange(); + var text = node.textContent; + for (var ich = 0; ich < text.length; ich++) { + var code = text.charCodeAt(ich); + if (code == 10 || code == 13) + continue; + range.setStart(node, ich); + if (code >= 0xD800 && code <= 0xDBFF) { + var next = text.charCodeAt(ich+1); + if (next >= 0xDC00 && next <= 0xDFFF) { + ich++; + code = ((code & 0x3FF) << 10) + (next & 0x3FF) + 0x10000; + } + } + range.setEnd(node, ich + 1); + rect = range.getBoundingClientRect(); + if (rect.width == 16) { + if (rect.height == advanceExpected) { + this.results.passCount++; + continue; + } + //log("U+" + stringFromUnicode(code) + " " + rect.width + "x" + rect.height); + if (rect.height == advanceFailed) { + this.results.failed(this, code, block); + continue; + } + } + this.results.inconclusive(this, code, block, rect); + } + }}); + + function Results(name) { + var block = document.createElement("details"); + this.summary = appendChildElement(block, "summary"); + this.summary.textContent = name; + var typeList = appendChildElement(block, "ul"); + this.failList = appendChildElement(appendChildElement(typeList, "li", "Failures"), "ol"); + this.inconclusiveList = appendChildElement(appendChildElement(typeList, "li", "Inconclusives"), "ol"); + details.appendChild(block); + this.passCount = 0; + this.failCount = 0; + this.inconclusiveCount = 0; + } + extend(Results.prototype, { + failed: function (test, code, block) { + this.failCount++; + this.append(this.failList, test, code, block); + }, + inconclusive: function (test, code, block, rect) { + this.inconclusiveCount++; + this.append(this.inconclusiveList, test, code, block, " but inconclusive (rendered as " + rect.width + "x" + rect.height + ")"); + }, + append: function (list, test, code, block, message) { + var text = stringFromUnicode(code) + " should be " + test.orientation; + if (block) + text = block + ": " + text; + if (message) + text += message; + appendChildElement(list, "li", text); + }, + done: function (test) { + this.summary.textContent += " (" + this.passCount + " passes, " + + this.failCount + " fails, " + + this.inconclusiveCount + " inconclusives)"; + assert_equals(this.failCount, 0, "Fail count"); + assert_greater_than(this.passCount, 0, "Pass count"); + test.done(); + }}); + + function Runner() { + var nodes = document.querySelectorAll("div[data-vo]"); + this.testers = []; + for (var i = 0; i < nodes.length; i++) { + var node = nodes[i]; + var vo = node.dataset.vo; + var tester = new OrientationTester(node, vo); + tester.test = async_test("Default orientation for vo=" + vo); + this.testers.push(tester); + } + this.testU = async_test("Orientation=Upright"); + this.testR = async_test("Orientation=Rotated"); + } + extend(Runner.prototype, { + run: function () { + log("Started"); + var start = new Date; + + for (var i = 0; i < this.testers.length; i++) { + var tester = this.testers[i]; + var test = tester.test; + test.step(function () { + var results = new Results(test.name); + tester.measure(results); + results.done(test); + }); + } + this.runOrientation(this.testU, "U"); + this.runOrientation(this.testR, "R"); + + log("Elapsed " + (new Date() - start)); + done(); + }, + runOrientation: function (test, orientation) { + container.classList.add(orientation); + var results = new Results(test.name); + var me = this; + test.step(function () { + for (var i = 0; i < me.testers.length; i++) { + var tester = me.testers[i]; + tester.setOrientation(orientation); + tester.measure(results); + } + results.done(test); + }) + container.classList.remove(orientation); + }}); + + setup({explicit_done:true, explicit_timeout:true}); + var runner = new Runner(); + window.onload = function () { + if (window.location.search == "?wait") { + log("Sleeping 5 secs for debug purpose"); + return setTimeout(run, 5000); + } + run(); + } + + function run() { + onFontReady("16px orientation", function () { runner.run(); }); + } + + function onFontReady(font, func) { + log("Waiting test fonts to load"); + if (document.fonts) { + if ('load' in document.fonts) + return document.fonts.load(font).then(func); + if ('ready' in document.fonts) + return document.fonts.ready.then(func); + } + document.offsetTop; // last resort to load @font-face + func(); + } + + function arrayFromRangesByValue(dict) { + var array = []; + for (var value in dict) { + var ranges = dict[value]; + for (var i = 0; i < ranges.length; i += 2) { + var to = ranges[i+1]; + for (var code = ranges[i]; code <= to; code++) + array[code] = value; + } + } + return array; + }; + + function stringFromUnicode(code) { + var hex = code.toString(16).toUpperCase(); + if (hex.length < 4) { + hex = "0000" + hex; + hex = hex.substr(hex.length - 4); + } + return hex + ' "' + String.fromCharCode(code) + '"'; + } + + function appendChildElement(parent, tag, text) { + var node = document.createElement(tag); + if (text) + node.textContent = text; + parent.appendChild(node); + return node; + } + + function extend(target, dict) { + for (var key in dict) + target[key] = dict[key]; + } +})(); diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/vertical-form.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/vertical-form.png Binary files differnew file mode 100644 index 00000000000..53a3af92cd6 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/vertical-form.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/yellow-square-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/yellow-square-59x59.png Binary files differnew file mode 100644 index 00000000000..50816d38f6b --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/yellow-square-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/yellow-square-horiz-redline-bottom-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/yellow-square-horiz-redline-bottom-59x59.png Binary files differnew file mode 100644 index 00000000000..d6139238de3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/yellow-square-horiz-redline-bottom-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/yellow-square-vert-redline-center-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/yellow-square-vert-redline-center-59x59.png Binary files differnew file mode 100644 index 00000000000..c352b109548 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/yellow-square-vert-redline-center-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/yellow-square-vert-redline-left-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/yellow-square-vert-redline-left-59x59.png Binary files differnew file mode 100644 index 00000000000..8baf6f60404 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/yellow-square-vert-redline-left-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/yellow-square-vert-redline-right-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/yellow-square-vert-redline-right-59x59.png Binary files differnew file mode 100644 index 00000000000..7e881312b35 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/support/yellow-square-vert-redline-right-59x59.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/toc.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/toc.xht index d96e60ebbe9..08e2d2e5fa4 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/toc.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/toc.xht @@ -57,7 +57,7 @@ <tbody id="s8"> <tr><th><a href="chapter-8.xht">Chapter 8 - Alignment</a></th> - <td>(161 Tests)</td></tr> + <td>(162 Tests)</td></tr> </tbody> <tbody id="s9"> <tr><th><a href="chapter-9.xht">Chapter 9 - diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/chapter-4.htm b/tests/wpt/css-tests/css-grid-1_dev/html/chapter-4.htm index 934dd09b3cc..e88c1deb6d8 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/chapter-4.htm +++ b/tests/wpt/css-tests/css-grid-1_dev/html/chapter-4.htm @@ -508,102 +508,102 @@ <a href="#s4.4">+</a> <a href="http://www.w3.org/TR/css-grid-1/#min-size-auto">4.4 Implied Minimum Size of Grid Items</a></th></tr> <!-- 9 tests --> - <tr id="grid-minimun-size-grid-items-001-4.4" class="primary ahem"> + <tr id="grid-minimum-size-grid-items-001-4.4" class="primary ahem"> <td><strong> - <a href="grid-minimun-size-grid-items-001.htm">grid-minimun-size-grid-items-001</a></strong></td> + <a href="grid-minimum-size-grid-items-001.htm">grid-minimum-size-grid-items-001</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>Minimun size of grid items + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the min-content size.</li> + <li>Checks that minimum size for grid items is the min-content size.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-002-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-002-4.4" class="primary"> <td><strong> - <a href="grid-minimun-size-grid-items-002.htm">grid-minimun-size-grid-items-002</a></strong></td> + <a href="grid-minimum-size-grid-items-002.htm">grid-minimum-size-grid-items-002</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> <td></td> - <td>Minimun size of grid items + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the min-content size.</li> + <li>Checks that minimum size for grid items is the min-content size.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-003-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-003-4.4" class="primary"> <td><strong> - <a href="grid-minimun-size-grid-items-003.htm">grid-minimun-size-grid-items-003</a></strong></td> + <a href="grid-minimum-size-grid-items-003.htm">grid-minimum-size-grid-items-003</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> <td></td> - <td>Minimun size of grid items + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the specified size regardless of the content size.</li> + <li>Checks that minimum size for grid items is the specified size regardless of the content size.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-004-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-004-4.4" class="primary"> <td><strong> - <a href="grid-minimun-size-grid-items-004.htm">grid-minimun-size-grid-items-004</a></strong></td> + <a href="grid-minimum-size-grid-items-004.htm">grid-minimum-size-grid-items-004</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> <td></td> - <td>Minimun size of grid items + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the specified size regardless of the content size.</li> + <li>Checks that minimum size for grid items is the specified size regardless of the content size.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-005-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-005-4.4" class="primary image"> <td><strong> - <a href="grid-minimun-size-grid-items-005.htm">grid-minimun-size-grid-items-005</a></strong></td> + <a href="grid-minimum-size-grid-items-005.htm">grid-minimum-size-grid-items-005</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> - <td></td> - <td>Minimun size of grid items + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the min-content size.</li> + <li>Checks that minimum size for grid items is the min-content size.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-006-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-006-4.4" class="primary image"> <td><strong> - <a href="grid-minimun-size-grid-items-006.htm">grid-minimun-size-grid-items-006</a></strong></td> + <a href="grid-minimum-size-grid-items-006.htm">grid-minimum-size-grid-items-006</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> - <td></td> - <td>Minimun size of grid items + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that.</li> + <li>Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-007-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-007-4.4" class="primary image"> <td><strong> - <a href="grid-minimun-size-grid-items-007.htm">grid-minimun-size-grid-items-007</a></strong></td> + <a href="grid-minimum-size-grid-items-007.htm">grid-minimum-size-grid-items-007</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> - <td></td> - <td>Minimun size of grid items + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that.</li> + <li>Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-008-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-008-4.4" class="primary image"> <td><strong> - <a href="grid-minimun-size-grid-items-008.htm">grid-minimun-size-grid-items-008</a></strong></td> + <a href="grid-minimum-size-grid-items-008.htm">grid-minimum-size-grid-items-008</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> - <td></td> - <td>Minimun size of grid items + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li> + <li>Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-009-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-009-4.4" class="primary image"> <td><strong> - <a href="grid-minimun-size-grid-items-009.htm">grid-minimun-size-grid-items-009</a></strong></td> + <a href="grid-minimum-size-grid-items-009.htm">grid-minimum-size-grid-items-009</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> - <td></td> - <td>Minimun size of grid items + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li> + <li>Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-items-001.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-items-001.htm index c57c1ed46d0..f370aa5edc7 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-items-001.htm +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-items-001.htm @@ -20,7 +20,6 @@ display: inline-grid; font: 25px/1 Ahem; color: green; - grid-template-columns: auto auto; } </style> </head> @@ -33,9 +32,7 @@ em <div>it</div> em - </div> - <br> - <div class="test-inline-grid-overlapping-green"> + </div><div class="test-inline-grid-overlapping-green"> it <span>em</span> it diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-items-002.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-items-002.htm index 029a57f06e0..8229de57730 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-items-002.htm +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-items-002.htm @@ -21,17 +21,13 @@ font: 25px/1 Ahem; color: green; } - - .two-columns { - grid-template-columns: auto auto; - } </style> </head> <body> <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> <div id="reference-overlapped-red"></div> - <div class="test-inline-grid-overlapping-green two-columns"> + <div class="test-inline-grid-overlapping-green"> <div> <div>it</div> em @@ -40,14 +36,18 @@ it <div>em</div> </div> - </div> - <br> - <div class="test-inline-grid-overlapping-green"> + </div><div class="test-inline-grid-overlapping-green"> + <span> + <span>i</span>t + </span> + <span> + e<span>m</span> + </span> <span> - <span>it</span>em + <span>i</span>t </span> <span> - it<span>em</span> + e<span>m</span> </span> </div> diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-support-flexible-lengths-001.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-support-flexible-lengths-001.htm index 09e2e9f525e..4db3fb56491 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-support-flexible-lengths-001.htm +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-support-flexible-lengths-001.htm @@ -34,10 +34,10 @@ TestingUtils.testGridTemplateColumnsRows("grid", "2fr", "2fr", "800px", "600px"); TestingUtils.testGridTemplateColumnsRows("emptyGrid", "10fr", "10fr", "800px", "600px"); TestingUtils.testGridTemplateColumnsRows("grid", "10fr", "10fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0.5fr", "0.5fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "0.5fr", "0.5fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", ".5fr", ".5fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", ".5fr", ".5fr", "800px", "600px"); + TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0.5fr", "0.5fr", "400px", "300px"); + TestingUtils.testGridTemplateColumnsRows("grid", "0.5fr", "0.5fr", "400px", "300px"); + TestingUtils.testGridTemplateColumnsRows("emptyGrid", ".5fr", ".5fr", "400px", "300px"); + TestingUtils.testGridTemplateColumnsRows("grid", ".5fr", ".5fr", "400px", "300px"); TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(1fr, 1000px)", "minmax(1fr, 700px)", "800px", "600px"); TestingUtils.testGridTemplateColumnsRows("grid", "minmax(1fr, 1000px)", "minmax(1fr, 700px)", "800px", "600px"); TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(100px, 1fr)", "minmax(100px, 1fr)", "800px", "600px"); diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-support-grid-template-areas-001.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-support-grid-template-areas-001.htm index 220f8228426..fa36b904a41 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-support-grid-template-areas-001.htm +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-support-grid-template-areas-001.htm @@ -28,29 +28,29 @@ TestingUtils.testGridTemplateAreas('inline-grid', '"lower UPPER 10 -minus _low 1-st ©copy_right line¶"', '"lower UPPER 10 -minus _low 1-st ©copy_right line¶"'); TestingUtils.testGridTemplateAreas('inline-grid', '"a b"', '"a b"'); TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "c d"', '"a b" "c d"'); - TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "c d"', '"a b" "c d"'); + TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "c d"', ['"a b" "c d"', '"a b" "c d"']); TestingUtils.testGridTemplateAreas('inline-grid', '"a b""c d"', '"a b" "c d"'); TestingUtils.testGridTemplateAreas('inline-grid', '"a b"\t"c d"', '"a b" "c d"'); TestingUtils.testGridTemplateAreas('inline-grid', '"a b"\n"c d"', '"a b" "c d"'); TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "a b"', '"a b" "a b"'); TestingUtils.testGridTemplateAreas('inline-grid', '"a a" "b b"', '"a a" "b b"'); TestingUtils.testGridTemplateAreas('inline-grid', '". a ." "b a c"', '". a ." "b a c"'); - TestingUtils.testGridTemplateAreas('inline-grid', '".. a ..." "b a c"', '". a ." "b a c"'); - TestingUtils.testGridTemplateAreas('inline-grid', '".a..." "b a c"', '". a ." "b a c"'); + TestingUtils.testGridTemplateAreas('inline-grid', '".. a ..." "b a c"', ['". a ." "b a c"', '".. a ..." "b a c"']); + TestingUtils.testGridTemplateAreas('inline-grid', '".a..." "b a c"', ['". a ." "b a c"', '".a..." "b a c"']); TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot ."', '"head head" "nav main" "foot ."'); - TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot ...."', '"head head" "nav main" "foot ."'); - TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot."', '"head head" "nav main" "foot ."'); + TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot ...."', ['"head head" "nav main" "foot ."', '"head head" "nav main" "foot ...."']); + TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot."', ['"head head" "nav main" "foot ."', '"head head" "nav main" "foot."']); TestingUtils.testGridTemplateAreas('inline-grid', '". header header ." "nav main main main" "nav footer footer ."', '". header header ." "nav main main main" "nav footer footer ."'); - TestingUtils.testGridTemplateAreas('inline-grid', '"... header header ...." "nav main main main" "nav footer footer ...."', '". header header ." "nav main main main" "nav footer footer ."'); - TestingUtils.testGridTemplateAreas('inline-grid', '"...header header...." "nav main main main" "nav footer footer...."', '". header header ." "nav main main main" "nav footer footer ."'); + TestingUtils.testGridTemplateAreas('inline-grid', '"... header header ...." "nav main main main" "nav footer footer ...."', ['". header header ." "nav main main main" "nav footer footer ."', '"... header header ...." "nav main main main" "nav footer footer ...."']); + TestingUtils.testGridTemplateAreas('inline-grid', '"...header header...." "nav main main main" "nav footer footer...."', ['". header header ." "nav main main main" "nav footer footer ."', '"...header header...." "nav main main main" "nav footer footer...."']); TestingUtils.testGridTemplateAreas('inline-grid', '"title stats" "score stats" "board board" "ctrls ctrls"', '"title stats" "score stats" "board board" "ctrls ctrls"'); TestingUtils.testGridTemplateAreas('inline-grid', '"title board" "stats board" "score ctrls"', '"title board" "stats board" "score ctrls"'); TestingUtils.testGridTemplateAreas('inline-grid', '". a" "b a" ". a"', '". a" "b a" ". a"'); - TestingUtils.testGridTemplateAreas('inline-grid', '".. a" "b a" "... a"', '". a" "b a" ". a"'); - TestingUtils.testGridTemplateAreas('inline-grid', '"..a" "b a" ".a"', '". a" "b a" ". a"'); + TestingUtils.testGridTemplateAreas('inline-grid', '".. a" "b a" "... a"', ['". a" "b a" ". a"', '".. a" "b a" "... a"']); + TestingUtils.testGridTemplateAreas('inline-grid', '"..a" "b a" ".a"', ['". a" "b a" ". a"', '"..a" "b a" ".a"']); TestingUtils.testGridTemplateAreas('inline-grid', '"a a a" "b b b"', '"a a a" "b b b"'); TestingUtils.testGridTemplateAreas('inline-grid', '". ." "a a"', '". ." "a a"'); - TestingUtils.testGridTemplateAreas('inline-grid', '"... ...." "a a"', '". ." "a a"'); + TestingUtils.testGridTemplateAreas('inline-grid', '"... ...." "a a"', ['". ." "a a"', '"... ...." "a a"']); // Reset values. document.getElementById('inline-grid').style.gridTemplateAreas = ''; @@ -69,7 +69,7 @@ TestingUtils.testGridTemplateAreas('inline-grid', '"b a" "b b"', 'none'); TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "b a"', 'none'); TestingUtils.testGridTemplateAreas('inline-grid', '"a ." ". a"', 'none'); - TestingUtils.testGridTemplateAreas('inline-grid', '","', '","'); + TestingUtils.testGridTemplateAreas('inline-grid', '","', 'none'); TestingUtils.testGridTemplateAreas('inline-grid', '"10%"', 'none'); TestingUtils.testGridTemplateAreas('inline-grid', '"USD$"', 'none'); </script> diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-001.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-001.htm new file mode 100644 index 00000000000..3de4a2c538f --- /dev/null +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-001.htm @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Grid Layout Test: Minimum size of grid items</title> + <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> + <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items"> + <link rel="match" href="reference/ref-filled-green-100px-square.htm"> + <meta name="flags" content="ahem"> + <meta name="assert" content="Checks that minimum size for grid items is the min-content size."> + <style type="text/css"> + #reference-overlapped-red { + position: absolute; + background-color: red; + width: 100px; + height: 100px; + z-index: -1; + } + + #constrained-grid { + display: grid; + grid: 10px / 10px; + } + + #test-grid-item-overlapping-green { + color: green; + background-color: green; + font: 50px/1 Ahem; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="reference-overlapped-red"></div> + <div id="constrained-grid"> + <div id="test-grid-item-overlapping-green">IT E</div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-002.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-002.htm new file mode 100644 index 00000000000..ba9dcc5c503 --- /dev/null +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-002.htm @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Grid Layout Test: Minimum size of grid items</title> + <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> + <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items"> + <link rel="match" href="reference/ref-filled-green-100px-square.htm"> + <meta name="assert" content="Checks that minimum size for grid items is the min-content size."> + <style type="text/css"> + #reference-overlapped-red { + position: absolute; + background-color: red; + width: 100px; + height: 100px; + z-index: -1; + } + + #constrained-grid { + display: grid; + grid: 10px / 10px; + } + + #test-grid-item-overlapping-green { + background-color: green; + } + + #content-100x100 { + width: 100px; + height: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="reference-overlapped-red"></div> + <div id="constrained-grid"> + <div id="test-grid-item-overlapping-green"> + <div id="content-100x100"></div> + </div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-003.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-003.htm new file mode 100644 index 00000000000..d83806b4958 --- /dev/null +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-003.htm @@ -0,0 +1,46 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Grid Layout Test: Minimum size of grid items</title> + <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> + <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items"> + <link rel="match" href="reference/ref-filled-green-100px-square.htm"> + <meta name="assert" content="Checks that minimum size for grid items is the specified size regardless of the content size."> + <style type="text/css"> + #reference-overlapped-red { + position: absolute; + background-color: red; + width: 100px; + height: 100px; + z-index: -1; + } + + #constrained-grid { + display: grid; + grid: 10px / 10px; + } + + #test-grid-item-overlapping-green { + background-color: green; + width: 100px; + height: 100px; + } + + #content-500x500 { + width: 500px; + height: 500px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="reference-overlapped-red"></div> + <div id="constrained-grid"> + <div id="test-grid-item-overlapping-green"> + <div id="content-500x500"></div> + </div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-004.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-004.htm new file mode 100644 index 00000000000..e43be13e5de --- /dev/null +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-004.htm @@ -0,0 +1,46 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Grid Layout Test: Minimum size of grid items</title> + <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> + <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items"> + <link rel="match" href="reference/ref-filled-green-100px-square.htm"> + <meta name="assert" content="Checks that minimum size for grid items is the specified size regardless of the content size."> + <style type="text/css"> + #reference-overlapped-red { + position: absolute; + background-color: red; + width: 100px; + height: 100px; + z-index: -1; + } + + #constrained-grid { + display: grid; + grid: 10px / 10px; + } + + #test-grid-item-overlapping-green { + background-color: green; + width: 100px; + height: 100px; + } + + #content-50x50 { + width: 50px; + height: 50px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="reference-overlapped-red"></div> + <div id="constrained-grid"> + <div id="test-grid-item-overlapping-green"> + <div id="content-50x50"></div> + </div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-005.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-005.htm new file mode 100644 index 00000000000..422acc8b9bf --- /dev/null +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-005.htm @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Grid Layout Test: Minimum size of grid items</title> + <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> + <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items"> + <link rel="match" href="reference/ref-filled-green-100px-square.htm"> + <meta name="flags" content="image"> + <meta name="assert" content="Checks that minimum size for grid items is the min-content size."> + <style type="text/css"> + #reference-overlapped-red { + position: absolute; + background-color: red; + width: 100px; + height: 100px; + z-index: -1; + } + + #constrained-grid { + display: grid; + grid: 10px / 10px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="reference-overlapped-red"></div> + <div id="constrained-grid"> + <img src="support/100x100-green.png" alt="Image download support must be enabled"> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-006.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-006.htm new file mode 100644 index 00000000000..51e2262382f --- /dev/null +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-006.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Grid Layout Test: Minimum size of grid items</title> + <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> + <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items"> + <link rel="match" href="reference/ref-filled-green-100px-square.htm"> + <meta name="flags" content="image"> + <meta name="assert" content="Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that."> + <style type="text/css"> + #reference-overlapped-red { + position: absolute; + background-color: red; + width: 100px; + height: 100px; + z-index: -1; + } + + #constrained-grid { + display: grid; + grid: 10px / 10px; + } + + #test-grid-item-overlapping-green { + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="reference-overlapped-red"></div> + <div id="constrained-grid"> + <img id="test-grid-item-overlapping-green" src="support/200x200-green.png" alt="Image download support must be enabled"> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-007.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-007.htm new file mode 100644 index 00000000000..2866c352229 --- /dev/null +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-007.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Grid Layout Test: Minimum size of grid items</title> + <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> + <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items"> + <link rel="match" href="reference/ref-filled-green-100px-square.htm"> + <meta name="flags" content="image"> + <meta name="assert" content="Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that."> + <style type="text/css"> + #reference-overlapped-red { + position: absolute; + background-color: red; + width: 100px; + height: 100px; + z-index: -1; + } + + #constrained-grid { + display: grid; + grid: 10px / 10px; + } + + #test-grid-item-overlapping-green { + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="reference-overlapped-red"></div> + <div id="constrained-grid"> + <img id="test-grid-item-overlapping-green" src="support/60x60-green.png" alt="Image download support must be enabled"> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-008.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-008.htm new file mode 100644 index 00000000000..18a71a3d8f1 --- /dev/null +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-008.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Grid Layout Test: Minimum size of grid items</title> + <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> + <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items"> + <link rel="match" href="reference/ref-filled-green-100px-square.htm"> + <meta name="flags" content="image"> + <meta name="assert" content="Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that."> + <style type="text/css"> + #reference-overlapped-red { + position: absolute; + background-color: red; + width: 100px; + height: 100px; + z-index: -1; + } + + #constrained-grid { + display: grid; + grid: 10px / 10px; + } + + #test-grid-item-overlapping-green { + height: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="reference-overlapped-red"></div> + <div id="constrained-grid"> + <img id="test-grid-item-overlapping-green" src="support/200x200-green.png" alt="Image download support must be enabled"> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-009.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-009.htm new file mode 100644 index 00000000000..6c7ea417392 --- /dev/null +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-009.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Grid Layout Test: Minimum size of grid items</title> + <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> + <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items"> + <link rel="match" href="reference/ref-filled-green-100px-square.htm"> + <meta name="flags" content="image"> + <meta name="assert" content="Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that."> + <style type="text/css"> + #reference-overlapped-red { + position: absolute; + background-color: red; + width: 100px; + height: 100px; + z-index: -1; + } + + #constrained-grid { + display: grid; + grid: 10px / 10px; + } + + #test-grid-item-overlapping-green { + height: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="reference-overlapped-red"></div> + <div id="constrained-grid"> + <img id="test-grid-item-overlapping-green" src="support/60x60-green.png" alt="Image download support must be enabled"> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-001.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-001.htm deleted file mode 100644 index f6fd2b6691f..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-001.htm +++ /dev/null @@ -1,40 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Grid Layout Test: Minimun size of grid items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items"> - <link rel="match" href="reference/ref-filled-green-100px-square.htm"> - <meta name="flags" content="ahem"> - <meta name="assert" content="Checks that minimun size for grid items is the min-content size."> - <style type="text/css"> - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-item-overlapping-green { - color: green; - background-color: green; - font: 50px/1 Ahem; - } - </style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-grid"> - <div id="test-grid-item-overlapping-green">IT E</div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-002.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-002.htm deleted file mode 100644 index 1992edf5fd1..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-002.htm +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Grid Layout Test: Minimun size of grid items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items"> - <link rel="match" href="reference/ref-filled-green-100px-square.htm"> - <meta name="assert" content="Checks that minimun size for grid items is the min-content size."> - <style type="text/css"> - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-item-overlapping-green { - background-color: green; - } - - #content-100x100 { - width: 100px; - height: 100px; - } - </style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-grid"> - <div id="test-grid-item-overlapping-green"> - <div id="content-100x100"></div> - </div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-003.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-003.htm deleted file mode 100644 index 222da1768f8..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-003.htm +++ /dev/null @@ -1,46 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Grid Layout Test: Minimun size of grid items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items"> - <link rel="match" href="reference/ref-filled-green-100px-square.htm"> - <meta name="assert" content="Checks that minimun size for grid items is the specified size regardless of the content size."> - <style type="text/css"> - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-item-overlapping-green { - background-color: green; - width: 100px; - height: 100px; - } - - #content-500x500 { - width: 500px; - height: 500px; - } - </style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-grid"> - <div id="test-grid-item-overlapping-green"> - <div id="content-500x500"></div> - </div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-004.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-004.htm deleted file mode 100644 index a017dced66d..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-004.htm +++ /dev/null @@ -1,46 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Grid Layout Test: Minimun size of grid items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items"> - <link rel="match" href="reference/ref-filled-green-100px-square.htm"> - <meta name="assert" content="Checks that minimun size for grid items is the specified size regardless of the content size."> - <style type="text/css"> - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-item-overlapping-green { - background-color: green; - width: 100px; - height: 100px; - } - - #content-50x50 { - width: 50px; - height: 50px; - } - </style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-grid"> - <div id="test-grid-item-overlapping-green"> - <div id="content-50x50"></div> - </div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-005.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-005.htm deleted file mode 100644 index 87a87696ede..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-005.htm +++ /dev/null @@ -1,33 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Grid Layout Test: Minimun size of grid items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items"> - <link rel="match" href="reference/ref-filled-green-100px-square.htm"> - <meta name="assert" content="Checks that minimun size for grid items is the min-content size."> - <style type="text/css"> - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - </style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-grid"> - <img src="../support/100x100-green.png"> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-006.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-006.htm deleted file mode 100644 index 0eed1e15492..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-006.htm +++ /dev/null @@ -1,37 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Grid Layout Test: Minimun size of grid items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items"> - <link rel="match" href="reference/ref-filled-green-100px-square.htm"> - <meta name="assert" content="Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that."> - <style type="text/css"> - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-item-overlapping-green { - width: 100px; - } - </style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-grid"> - <img id="test-grid-item-overlapping-green" src="../support/200x200-green.png"> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-007.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-007.htm deleted file mode 100644 index b17471fa4ab..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-007.htm +++ /dev/null @@ -1,37 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Grid Layout Test: Minimun size of grid items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items"> - <link rel="match" href="reference/ref-filled-green-100px-square.htm"> - <meta name="assert" content="Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that."> - <style type="text/css"> - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-item-overlapping-green { - width: 100px; - } - </style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-grid"> - <img id="test-grid-item-overlapping-green" src="../support/60x60-green.png"> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-008.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-008.htm deleted file mode 100644 index 9a6d6c75213..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-008.htm +++ /dev/null @@ -1,37 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Grid Layout Test: Minimun size of grid items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items"> - <link rel="match" href="reference/ref-filled-green-100px-square.htm"> - <meta name="assert" content="Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that."> - <style type="text/css"> - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-item-overlapping-green { - height: 100px; - } - </style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-grid"> - <img id="test-grid-item-overlapping-green" src="../support/200x200-green.png"> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-009.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-009.htm deleted file mode 100644 index d0cd92bb404..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-009.htm +++ /dev/null @@ -1,37 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Grid Layout Test: Minimun size of grid items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items"> - <link rel="match" href="reference/ref-filled-green-100px-square.htm"> - <meta name="assert" content="Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that."> - <style type="text/css"> - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-item-overlapping-green { - height: 100px; - } - </style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-grid"> - <img id="test-grid-item-overlapping-green" src="../support/60x60-green.png"> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-support-flexible-lengths-001.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-support-flexible-lengths-001.htm index 944422877ea..0f84b2bdaeb 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-support-flexible-lengths-001.htm +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-support-flexible-lengths-001.htm @@ -34,10 +34,10 @@ TestingUtils.testGridTemplateColumnsRows("grid", "2fr", "2fr", "800px", "600px"); TestingUtils.testGridTemplateColumnsRows("emptyGrid", "10fr", "10fr", "800px", "600px"); TestingUtils.testGridTemplateColumnsRows("grid", "10fr", "10fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0.5fr", "0.5fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "0.5fr", "0.5fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", ".5fr", ".5fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", ".5fr", ".5fr", "800px", "600px"); + TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0.5fr", "0.5fr", "400px", "300px"); + TestingUtils.testGridTemplateColumnsRows("grid", "0.5fr", "0.5fr", "400px", "300px"); + TestingUtils.testGridTemplateColumnsRows("emptyGrid", ".5fr", ".5fr", "400px", "300px"); + TestingUtils.testGridTemplateColumnsRows("grid", ".5fr", ".5fr", "400px", "300px"); TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(1fr, 1000px)", "minmax(1fr, 700px)", "800px", "600px"); TestingUtils.testGridTemplateColumnsRows("grid", "minmax(1fr, 1000px)", "minmax(1fr, 700px)", "800px", "600px"); TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(100px, 1fr)", "minmax(100px, 1fr)", "800px", "600px"); diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-support-grid-template-areas-001.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-support-grid-template-areas-001.htm index 843b11abafa..852ad4560d5 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-support-grid-template-areas-001.htm +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-support-grid-template-areas-001.htm @@ -28,29 +28,29 @@ TestingUtils.testGridTemplateAreas('grid', '"lower UPPER 10 -minus _low 1-st ©copy_right line¶"', '"lower UPPER 10 -minus _low 1-st ©copy_right line¶"'); TestingUtils.testGridTemplateAreas('grid', '"a b"', '"a b"'); TestingUtils.testGridTemplateAreas('grid', '"a b" "c d"', '"a b" "c d"'); - TestingUtils.testGridTemplateAreas('grid', '"a b" "c d"', '"a b" "c d"'); + TestingUtils.testGridTemplateAreas('grid', '"a b" "c d"', ['"a b" "c d"', '"a b" "c d"']); TestingUtils.testGridTemplateAreas('grid', '"a b""c d"', '"a b" "c d"'); TestingUtils.testGridTemplateAreas('grid', '"a b"\t"c d"', '"a b" "c d"'); TestingUtils.testGridTemplateAreas('grid', '"a b"\n"c d"', '"a b" "c d"'); TestingUtils.testGridTemplateAreas('grid', '"a b" "a b"', '"a b" "a b"'); TestingUtils.testGridTemplateAreas('grid', '"a a" "b b"', '"a a" "b b"'); TestingUtils.testGridTemplateAreas('grid', '". a ." "b a c"', '". a ." "b a c"'); - TestingUtils.testGridTemplateAreas('grid', '".. a ..." "b a c"', '". a ." "b a c"'); - TestingUtils.testGridTemplateAreas('grid', '".a..." "b a c"', '". a ." "b a c"'); + TestingUtils.testGridTemplateAreas('grid', '".. a ..." "b a c"', ['". a ." "b a c"', '".. a ..." "b a c"']); + TestingUtils.testGridTemplateAreas('grid', '".a..." "b a c"', ['". a ." "b a c"', '".a..." "b a c"']); TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot ."', '"head head" "nav main" "foot ."'); - TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot ...."', '"head head" "nav main" "foot ."'); - TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot."', '"head head" "nav main" "foot ."'); + TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot ...."', ['"head head" "nav main" "foot ."', '"head head" "nav main" "foot ...."']); + TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot."', ['"head head" "nav main" "foot ."', '"head head" "nav main" "foot."']); TestingUtils.testGridTemplateAreas('grid', '". header header ." "nav main main main" "nav footer footer ."', '". header header ." "nav main main main" "nav footer footer ."'); - TestingUtils.testGridTemplateAreas('grid', '"... header header ...." "nav main main main" "nav footer footer ...."', '". header header ." "nav main main main" "nav footer footer ."'); - TestingUtils.testGridTemplateAreas('grid', '"...header header...." "nav main main main" "nav footer footer...."', '". header header ." "nav main main main" "nav footer footer ."'); + TestingUtils.testGridTemplateAreas('grid', '"... header header ...." "nav main main main" "nav footer footer ...."', ['". header header ." "nav main main main" "nav footer footer ."', '"... header header ...." "nav main main main" "nav footer footer ...."']); + TestingUtils.testGridTemplateAreas('grid', '"...header header...." "nav main main main" "nav footer footer...."', ['". header header ." "nav main main main" "nav footer footer ."', '"...header header...." "nav main main main" "nav footer footer...."']); TestingUtils.testGridTemplateAreas('grid', '"title stats" "score stats" "board board" "ctrls ctrls"', '"title stats" "score stats" "board board" "ctrls ctrls"'); TestingUtils.testGridTemplateAreas('grid', '"title board" "stats board" "score ctrls"', '"title board" "stats board" "score ctrls"'); TestingUtils.testGridTemplateAreas('grid', '". a" "b a" ". a"', '". a" "b a" ". a"'); - TestingUtils.testGridTemplateAreas('grid', '".. a" "b a" "... a"', '". a" "b a" ". a"'); - TestingUtils.testGridTemplateAreas('grid', '"..a" "b a" ".a"', '". a" "b a" ". a"'); + TestingUtils.testGridTemplateAreas('grid', '".. a" "b a" "... a"', ['". a" "b a" ". a"', '".. a" "b a" "... a"']); + TestingUtils.testGridTemplateAreas('grid', '"..a" "b a" ".a"', ['". a" "b a" ". a"', '"..a" "b a" ".a"']); TestingUtils.testGridTemplateAreas('grid', '"a a a" "b b b"', '"a a a" "b b b"'); TestingUtils.testGridTemplateAreas('grid', '". ." "a a"', '". ." "a a"'); - TestingUtils.testGridTemplateAreas('grid', '"... ...." "a a"', '". ." "a a"'); + TestingUtils.testGridTemplateAreas('grid', '"... ...." "a a"', ['". ." "a a"', '"... ...." "a a"']); // Reset values. document.getElementById('grid').style.gridTemplateAreas = ''; @@ -69,7 +69,7 @@ TestingUtils.testGridTemplateAreas('grid', '"b a" "b b"', 'none'); TestingUtils.testGridTemplateAreas('grid', '"a b" "b a"', 'none'); TestingUtils.testGridTemplateAreas('grid', '"a ." ". a"', 'none'); - TestingUtils.testGridTemplateAreas('grid', '","', '","'); + TestingUtils.testGridTemplateAreas('grid', '","', 'none'); TestingUtils.testGridTemplateAreas('grid', '"10%"', 'none'); TestingUtils.testGridTemplateAreas('grid', '"USD$"', 'none'); </script> diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/reference/support/testing-utils.js b/tests/wpt/css-tests/css-grid-1_dev/html/reference/support/testing-utils.js index c4ceec3a805..202c865b15e 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/reference/support/testing-utils.js +++ b/tests/wpt/css-tests/css-grid-1_dev/html/reference/support/testing-utils.js @@ -18,11 +18,15 @@ var TestingUtils = (function() { }, "'" + gridId + "' with: grid-template-columns: " + columnsStyle + "; and grid-template-rows: " + rowsStyle + ";"); } + function checkGridTemplateAreas(element, value) { + assert_in_array(getComputedStyle(element).gridTemplateAreas, value, "gridTemplateAreas"); + } + function testGridTemplateAreas(gridId, style, value) { test(function() { var grid = document.getElementById(gridId); grid.style.gridTemplateAreas = style; - assert_equals(getComputedStyle(grid).gridTemplateAreas, value, "gridTemplateAreas"); + checkGridTemplateAreas(grid, value); }, "'" + gridId + "' with: grid-template-areas: " + style + ";"); } diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/reftest-toc.htm b/tests/wpt/css-tests/css-grid-1_dev/html/reftest-toc.htm index 3fedc00883d..18f3571f59d 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/reftest-toc.htm +++ b/tests/wpt/css-tests/css-grid-1_dev/html/reftest-toc.htm @@ -544,76 +544,76 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-001" class="ahem"> + <tbody id="grid-minimum-size-grid-items-001" class="ahem"> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-001.htm">grid-minimun-size-grid-items-001</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-001.htm">grid-minimum-size-grid-items-001</a></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-002" class=""> + <tbody id="grid-minimum-size-grid-items-002" class=""> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-002.htm">grid-minimun-size-grid-items-002</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-002.htm">grid-minimum-size-grid-items-002</a></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-003" class=""> + <tbody id="grid-minimum-size-grid-items-003" class=""> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-003.htm">grid-minimun-size-grid-items-003</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-003.htm">grid-minimum-size-grid-items-003</a></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-004" class=""> + <tbody id="grid-minimum-size-grid-items-004" class=""> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-004.htm">grid-minimun-size-grid-items-004</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-004.htm">grid-minimum-size-grid-items-004</a></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-005" class=""> + <tbody id="grid-minimum-size-grid-items-005" class="image"> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-005.htm">grid-minimun-size-grid-items-005</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-005.htm">grid-minimum-size-grid-items-005</a></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> - <td rowspan="1"></td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-006" class=""> + <tbody id="grid-minimum-size-grid-items-006" class="image"> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-006.htm">grid-minimun-size-grid-items-006</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-006.htm">grid-minimum-size-grid-items-006</a></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> - <td rowspan="1"></td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-007" class=""> + <tbody id="grid-minimum-size-grid-items-007" class="image"> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-007.htm">grid-minimun-size-grid-items-007</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-007.htm">grid-minimum-size-grid-items-007</a></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> - <td rowspan="1"></td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-008" class=""> + <tbody id="grid-minimum-size-grid-items-008" class="image"> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-008.htm">grid-minimun-size-grid-items-008</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-008.htm">grid-minimum-size-grid-items-008</a></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> - <td rowspan="1"></td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-009" class=""> + <tbody id="grid-minimum-size-grid-items-009" class="image"> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-009.htm">grid-minimun-size-grid-items-009</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-009.htm">grid-minimum-size-grid-items-009</a></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> - <td rowspan="1"></td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> <tbody id="grid-multicol-001" class=""> diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/reftest.list b/tests/wpt/css-tests/css-grid-1_dev/html/reftest.list index 20f0c441a8c..55d2373dd18 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/reftest.list +++ b/tests/wpt/css-tests/css-grid-1_dev/html/reftest.list @@ -64,15 +64,15 @@ grid-layout-repeat-notation.htm == reference/grid-layout-repeat-notation-ref.htm grid-layout-z-order-a.htm == reference/grid-layout-z-order-ref.htm grid-layout-z-order-b.htm == reference/grid-layout-z-order-ref.htm grid-margins-no-collapse-001.htm == reference/grid-text-green-margin-no-collapse-ref.htm -grid-minimun-size-grid-items-001.htm == reference/ref-filled-green-100px-square.htm -grid-minimun-size-grid-items-002.htm == reference/ref-filled-green-100px-square.htm -grid-minimun-size-grid-items-003.htm == reference/ref-filled-green-100px-square.htm -grid-minimun-size-grid-items-004.htm == reference/ref-filled-green-100px-square.htm -grid-minimun-size-grid-items-005.htm == reference/ref-filled-green-100px-square.htm -grid-minimun-size-grid-items-006.htm == reference/ref-filled-green-100px-square.htm -grid-minimun-size-grid-items-007.htm == reference/ref-filled-green-100px-square.htm -grid-minimun-size-grid-items-008.htm == reference/ref-filled-green-100px-square.htm -grid-minimun-size-grid-items-009.htm == reference/ref-filled-green-100px-square.htm +grid-minimum-size-grid-items-001.htm == reference/ref-filled-green-100px-square.htm +grid-minimum-size-grid-items-002.htm == reference/ref-filled-green-100px-square.htm +grid-minimum-size-grid-items-003.htm == reference/ref-filled-green-100px-square.htm +grid-minimum-size-grid-items-004.htm == reference/ref-filled-green-100px-square.htm +grid-minimum-size-grid-items-005.htm == reference/ref-filled-green-100px-square.htm +grid-minimum-size-grid-items-006.htm == reference/ref-filled-green-100px-square.htm +grid-minimum-size-grid-items-007.htm == reference/ref-filled-green-100px-square.htm +grid-minimum-size-grid-items-008.htm == reference/ref-filled-green-100px-square.htm +grid-minimum-size-grid-items-009.htm == reference/ref-filled-green-100px-square.htm grid-multicol-001.htm == reference/ref-filled-green-100px-square.htm grid-order-property-auto-placement-001.htm == reference/grid-2x2-blue-yellow-lime-magenta.htm grid-order-property-auto-placement-002.htm == reference/grid-2x2-blue-yellow-lime-magenta.htm diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/support/testing-utils.js b/tests/wpt/css-tests/css-grid-1_dev/html/support/testing-utils.js index c4ceec3a805..202c865b15e 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/support/testing-utils.js +++ b/tests/wpt/css-tests/css-grid-1_dev/html/support/testing-utils.js @@ -18,11 +18,15 @@ var TestingUtils = (function() { }, "'" + gridId + "' with: grid-template-columns: " + columnsStyle + "; and grid-template-rows: " + rowsStyle + ";"); } + function checkGridTemplateAreas(element, value) { + assert_in_array(getComputedStyle(element).gridTemplateAreas, value, "gridTemplateAreas"); + } + function testGridTemplateAreas(gridId, style, value) { test(function() { var grid = document.getElementById(gridId); grid.style.gridTemplateAreas = style; - assert_equals(getComputedStyle(grid).gridTemplateAreas, value, "gridTemplateAreas"); + checkGridTemplateAreas(grid, value); }, "'" + gridId + "' with: grid-template-areas: " + style + ";"); } diff --git a/tests/wpt/css-tests/css-grid-1_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-grid-1_dev/implementation-report-TEMPLATE.data index 2f8e34d5e55..04d3140b59c 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/css-grid-1_dev/implementation-report-TEMPLATE.data @@ -49,10 +49,10 @@ html/grid-inline-float-001.htm 46b1d12be2ebe83b9d1f07d9bcd5c088a0db92dc ? xhtml1/grid-inline-float-001.xht 46b1d12be2ebe83b9d1f07d9bcd5c088a0db92dc ? html/grid-inline-floats-no-intrude-001.htm 023d2517d777699e4cb720aae6a5db2e6320f64a ? xhtml1/grid-inline-floats-no-intrude-001.xht 023d2517d777699e4cb720aae6a5db2e6320f64a ? -html/grid-inline-items-001.htm 3b5405730e637d3ca49947fb78d495a0e782baf9 ? -xhtml1/grid-inline-items-001.xht 3b5405730e637d3ca49947fb78d495a0e782baf9 ? -html/grid-inline-items-002.htm 504a0adeb562210ab884f495087e085ab24c92d0 ? -xhtml1/grid-inline-items-002.xht 504a0adeb562210ab884f495087e085ab24c92d0 ? +html/grid-inline-items-001.htm 7e3b520c584fea0f45e4de1f26685c21e8d6200a ? +xhtml1/grid-inline-items-001.xht 7e3b520c584fea0f45e4de1f26685c21e8d6200a ? +html/grid-inline-items-002.htm 8f25a360fb08e7fdb55e2bc8998b4455f04fd182 ? +xhtml1/grid-inline-items-002.xht 8f25a360fb08e7fdb55e2bc8998b4455f04fd182 ? html/grid-inline-items-003.htm 5f9d45d3f7cc135bfaea625317ac8c261354b63c ? xhtml1/grid-inline-items-003.xht 5f9d45d3f7cc135bfaea625317ac8c261354b63c ? html/grid-inline-items-inline-blocks-001.htm e4ae7477d5c1838d4cb6b2cd3b3c0b671be3f795 ? @@ -81,10 +81,10 @@ html/grid-inline-order-property-painting-004.htm 93ea4f95eeb4e085c1bb4ea9e5d0fc4 xhtml1/grid-inline-order-property-painting-004.xht 93ea4f95eeb4e085c1bb4ea9e5d0fc4fa1c64ac9 ? html/grid-inline-order-property-painting-005.htm 72728e05989a070edb754801be2e9769ec861c2d ? xhtml1/grid-inline-order-property-painting-005.xht 72728e05989a070edb754801be2e9769ec861c2d ? -html/grid-inline-support-flexible-lengths-001.htm 7a5d069f5a18a6a92f6546216824343a340f796f ? -xhtml1/grid-inline-support-flexible-lengths-001.xht 7a5d069f5a18a6a92f6546216824343a340f796f ? -html/grid-inline-support-grid-template-areas-001.htm 857bebb83eea2ec6f66dac66bf38dc3815bef4c2 ? -xhtml1/grid-inline-support-grid-template-areas-001.xht 857bebb83eea2ec6f66dac66bf38dc3815bef4c2 ? +html/grid-inline-support-flexible-lengths-001.htm 50df9e55bd1d12e8a82069ec2022df8cfb5f5bd9 ? +xhtml1/grid-inline-support-flexible-lengths-001.xht 50df9e55bd1d12e8a82069ec2022df8cfb5f5bd9 ? +html/grid-inline-support-grid-template-areas-001.htm 037e8d6035c98c445a7938c5a56f20f5ff430033 ? +xhtml1/grid-inline-support-grid-template-areas-001.xht 037e8d6035c98c445a7938c5a56f20f5ff430033 ? html/grid-inline-support-grid-template-columns-rows-001.htm 236930bb2240e757225dc6b34a82ea0f15f2ec0e ? xhtml1/grid-inline-support-grid-template-columns-rows-001.xht 236930bb2240e757225dc6b34a82ea0f15f2ec0e ? html/grid-inline-support-named-grid-lines-001.htm 315365f9bccd7657245b347cef4ced75b257e302 ? @@ -149,24 +149,24 @@ html/grid-layout-z-order-b.htm fc0d9c23d430075933e4db79ab3f8acf2fc8bf8a ? xhtml1/grid-layout-z-order-b.xht fc0d9c23d430075933e4db79ab3f8acf2fc8bf8a ? html/grid-margins-no-collapse-001.htm a2cc4e1ac516408da65ef363beef36c757736f6f ? xhtml1/grid-margins-no-collapse-001.xht a2cc4e1ac516408da65ef363beef36c757736f6f ? -html/grid-minimun-size-grid-items-001.htm 613e5e003415c0130450183380f315c9e03ad387 ? -xhtml1/grid-minimun-size-grid-items-001.xht 613e5e003415c0130450183380f315c9e03ad387 ? -html/grid-minimun-size-grid-items-002.htm 8ba15922ec30224f55a66300119ef091bcc61949 ? -xhtml1/grid-minimun-size-grid-items-002.xht 8ba15922ec30224f55a66300119ef091bcc61949 ? -html/grid-minimun-size-grid-items-003.htm 8466f7ed95e32d3d1a36e5c72a2132bfadf5476c ? -xhtml1/grid-minimun-size-grid-items-003.xht 8466f7ed95e32d3d1a36e5c72a2132bfadf5476c ? -html/grid-minimun-size-grid-items-004.htm 20fc5c365dd1bb26b195e4231a632436f866e522 ? -xhtml1/grid-minimun-size-grid-items-004.xht 20fc5c365dd1bb26b195e4231a632436f866e522 ? -html/grid-minimun-size-grid-items-005.htm 6d579b3cd3b1d2d1da0df2d851c506a8f6203d34 ? -xhtml1/grid-minimun-size-grid-items-005.xht 6d579b3cd3b1d2d1da0df2d851c506a8f6203d34 ? -html/grid-minimun-size-grid-items-006.htm 6aa026fabce74ae5bfbc3dcdd69b4b116b489179 ? -xhtml1/grid-minimun-size-grid-items-006.xht 6aa026fabce74ae5bfbc3dcdd69b4b116b489179 ? -html/grid-minimun-size-grid-items-007.htm c2d40f75e22894e6651e1aa6e3a74f301e7d8fb0 ? -xhtml1/grid-minimun-size-grid-items-007.xht c2d40f75e22894e6651e1aa6e3a74f301e7d8fb0 ? -html/grid-minimun-size-grid-items-008.htm cc4f477db54018c7db8553726e9617dfe32a755f ? -xhtml1/grid-minimun-size-grid-items-008.xht cc4f477db54018c7db8553726e9617dfe32a755f ? -html/grid-minimun-size-grid-items-009.htm e4da8e15125cbf0af8a68c689bf7767c58926b57 ? -xhtml1/grid-minimun-size-grid-items-009.xht e4da8e15125cbf0af8a68c689bf7767c58926b57 ? +html/grid-minimum-size-grid-items-001.htm a69269399a2b148e6450ac037c938641e6b90c3e ? +xhtml1/grid-minimum-size-grid-items-001.xht a69269399a2b148e6450ac037c938641e6b90c3e ? +html/grid-minimum-size-grid-items-002.htm bd5a3c8c88c5056cbd82e3de5f555ddfda34f64c ? +xhtml1/grid-minimum-size-grid-items-002.xht bd5a3c8c88c5056cbd82e3de5f555ddfda34f64c ? +html/grid-minimum-size-grid-items-003.htm b6bde0186a33951cb313396ce8c278ceb38396eb ? +xhtml1/grid-minimum-size-grid-items-003.xht b6bde0186a33951cb313396ce8c278ceb38396eb ? +html/grid-minimum-size-grid-items-004.htm 6aa3dcde25c815d919f566c18fe3b8b72dba7558 ? +xhtml1/grid-minimum-size-grid-items-004.xht 6aa3dcde25c815d919f566c18fe3b8b72dba7558 ? +html/grid-minimum-size-grid-items-005.htm fd28bce2bd61ecd1b2ceff2bce2782331976a8d8 ? +xhtml1/grid-minimum-size-grid-items-005.xht fd28bce2bd61ecd1b2ceff2bce2782331976a8d8 ? +html/grid-minimum-size-grid-items-006.htm 174e283c947342672b4f4f17ca17127e7bf31a38 ? +xhtml1/grid-minimum-size-grid-items-006.xht 174e283c947342672b4f4f17ca17127e7bf31a38 ? +html/grid-minimum-size-grid-items-007.htm d588f01baf7d50455025a8977a82da55416567c7 ? +xhtml1/grid-minimum-size-grid-items-007.xht d588f01baf7d50455025a8977a82da55416567c7 ? +html/grid-minimum-size-grid-items-008.htm 197f82d6f89561a846c9c2ba41e6b812246359b5 ? +xhtml1/grid-minimum-size-grid-items-008.xht 197f82d6f89561a846c9c2ba41e6b812246359b5 ? +html/grid-minimum-size-grid-items-009.htm fa9da3bd4d0d78e885f4f55d1e0cca3f0ba5210d ? +xhtml1/grid-minimum-size-grid-items-009.xht fa9da3bd4d0d78e885f4f55d1e0cca3f0ba5210d ? html/grid-multicol-001.htm 521dbe45e2022be1140904fe6d2513370d6bfef3 ? xhtml1/grid-multicol-001.xht 521dbe45e2022be1140904fe6d2513370d6bfef3 ? html/grid-order-property-auto-placement-001.htm ad5b4e57de7a4ea9fd826be7fca30d6700672fa1 ? @@ -191,10 +191,10 @@ html/grid-order-property-painting-005.htm 1816a5bb33c6984fa4cd4d0d834d8681391acb xhtml1/grid-order-property-painting-005.xht 1816a5bb33c6984fa4cd4d0d834d8681391acb9d ? html/grid-support-display-001.htm 18055d2ae743945500cc0444a2658411a0791120 ? xhtml1/grid-support-display-001.xht 18055d2ae743945500cc0444a2658411a0791120 ? -html/grid-support-flexible-lengths-001.htm e48ba1cdab5dee3a3f6a3f2201d8b1b69598b1f5 ? -xhtml1/grid-support-flexible-lengths-001.xht e48ba1cdab5dee3a3f6a3f2201d8b1b69598b1f5 ? -html/grid-support-grid-template-areas-001.htm dc6323f059179c2e6bdbcf23148b94695ffea11e ? -xhtml1/grid-support-grid-template-areas-001.xht dc6323f059179c2e6bdbcf23148b94695ffea11e ? +html/grid-support-flexible-lengths-001.htm d291ecbfb4665d4119d0737beaa4451b306b1b82 ? +xhtml1/grid-support-flexible-lengths-001.xht d291ecbfb4665d4119d0737beaa4451b306b1b82 ? +html/grid-support-grid-template-areas-001.htm ba4d646749df2afdba6897cfb6cbdf9402f15b6c ? +xhtml1/grid-support-grid-template-areas-001.xht ba4d646749df2afdba6897cfb6cbdf9402f15b6c ? html/grid-support-grid-template-columns-rows-001.htm 9a79b1fd5bc89c0b2dd0a0b38850a15096130f99 ? xhtml1/grid-support-grid-template-columns-rows-001.xht 9a79b1fd5bc89c0b2dd0a0b38850a15096130f99 ? html/grid-support-named-grid-lines-001.htm 7f20858fbf5e857df816ec4eeb5c63a65baefcf9 ? diff --git a/tests/wpt/css-tests/css-grid-1_dev/testinfo.data b/tests/wpt/css-tests/css-grid-1_dev/testinfo.data index 52d03f129d1..8b974a81bf6 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/testinfo.data +++ b/tests/wpt/css-tests/css-grid-1_dev/testinfo.data @@ -22,8 +22,8 @@ grid-inline-first-line-002 reference/grid-text-green-margin-no-collapse-ref '::f grid-inline-first-line-003 reference/grid-text-green-margin-no-collapse-ref '::first-line' works on grid items within an inline grid http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/css3-selectors/#first-formatted-line bd407ad32213f6b35ec5b75c7da8059004a2ad4f `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item within an inline grid. grid-inline-float-001 reference/ref-filled-green-100px-square 'float' has no effect on grid items within an inline grid http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/CSS21/visuren.html#float-position 46b1d12be2ebe83b9d1f07d9bcd5c088a0db92dc `Manuel Rego Casasnovas`<mailto:rego@igalia.com> grid-inline-floats-no-intrude-001 reference/ref-filled-green-100px-square floats do not intrude into an inline grid http://www.w3.org/TR/css-grid-1/#grid-containers 023d2517d777699e4cb720aae6a5db2e6320f64a `Manuel Rego Casasnovas`<mailto:rego@igalia.com> -grid-inline-items-001 reference/ref-filled-green-100px-square Regular and anonymous grid items within an inline grid ahem http://www.w3.org/TR/css-grid-1/#grid-items 3b5405730e637d3ca49947fb78d495a0e782baf9 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that inline grid container children become grid items, and text that is directly contained inside the inline grid is wrapped in an anonymous grid item. -grid-inline-items-002 reference/ref-filled-green-100px-square Children of grid items do not create new items within an inline grid ahem http://www.w3.org/TR/css-grid-1/#grid-items 504a0adeb562210ab884f495087e085ab24c92d0 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that the grid items do not split around blocks creating extra items within an inline grid. +grid-inline-items-001 reference/ref-filled-green-100px-square Regular and anonymous grid items within an inline grid ahem http://www.w3.org/TR/css-grid-1/#grid-items 7e3b520c584fea0f45e4de1f26685c21e8d6200a `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that inline grid container children become grid items, and text that is directly contained inside the inline grid is wrapped in an anonymous grid item. +grid-inline-items-002 reference/ref-filled-green-100px-square Children of grid items do not create new items within an inline grid ahem http://www.w3.org/TR/css-grid-1/#grid-items 8f25a360fb08e7fdb55e2bc8998b4455f04fd182 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that the grid items do not split around blocks creating extra items within an inline grid. grid-inline-items-003 reference/ref-filled-green-100px-square Grid items with 'display:none' are not rendered within an inline grid ahem http://www.w3.org/TR/css-grid-1/#grid-items 5f9d45d3f7cc135bfaea625317ac8c261354b63c `Manuel Rego Casasnovas`<mailto:rego@igalia.com> grid-inline-items-inline-blocks-001 reference/ref-filled-green-100px-square Paint order of grid items within an inline grid is the same as inline blocks http://www.w3.org/TR/css-grid-1/#z-order,http://www.w3.org/TR/CSS2/zindex.html#painting-order e4ae7477d5c1838d4cb6b2cd3b3c0b671be3f795 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> grid-inline-margins-no-collapse-001 reference/grid-text-green-margin-no-collapse-ref inline grid's margins do not collapse http://www.w3.org/TR/css-grid-1/#grid-containers a192201faf7ef25b555ae48cc9e549a5454f2bad `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that inline grid's margin (body) do not collapse with the marings of the grid item (a paragraph). @@ -38,8 +38,8 @@ grid-inline-order-property-painting-002 reference/ref-filled-green-100px-square grid-inline-order-property-painting-003 reference/ref-filled-green-100px-square 'order' property affects grid items painting order within an inline grid ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 03c0507a09b98f190b9fdf128000c6db32222537 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> grid-inline-order-property-painting-004 reference/ref-filled-green-100px-square 'order' property affects grid items painting order within an inline grid ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 93ea4f95eeb4e085c1bb4ea9e5d0fc4fa1c64ac9 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> grid-inline-order-property-painting-005 reference/ref-filled-green-100px-square 'order' property affects grid items painting order within an inline grid ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 72728e05989a070edb754801be2e9769ec861c2d `Manuel Rego Casasnovas`<mailto:rego@igalia.com> -grid-inline-support-flexible-lengths-001 Support flexible lengths for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid ahem,dom,script http://www.w3.org/TR/css-grid-1/#fr-unit 7a5d069f5a18a6a92f6546216824343a340f796f `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid-template-columns' and 'grid-template-rows' properties support flexible lengths (the 'fr' unit) within an inline grid, so you can use it to represent a fraction of the free space in the grid container. -grid-inline-support-grid-template-areas-001 Support for 'grid-template-ares' property within an inline grid ahem,dom,script http://www.w3.org/TR/css-grid-1/#grid-template-areas-property 857bebb83eea2ec6f66dac66bf38dc3815bef4c2 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid-template-areas' is supported in an inline grid. So you can define the grid structure. +grid-inline-support-flexible-lengths-001 Support flexible lengths for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid ahem,dom,script http://www.w3.org/TR/css-grid-1/#fr-unit 50df9e55bd1d12e8a82069ec2022df8cfb5f5bd9 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid-template-columns' and 'grid-template-rows' properties support flexible lengths (the 'fr' unit) within an inline grid, so you can use it to represent a fraction of the free space in the grid container. +grid-inline-support-grid-template-areas-001 Support for 'grid-template-ares' property within an inline grid ahem,dom,script http://www.w3.org/TR/css-grid-1/#grid-template-areas-property 037e8d6035c98c445a7938c5a56f20f5ff430033 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid-template-areas' is supported in an inline grid. So you can define the grid structure. grid-inline-support-grid-template-columns-rows-001 Support for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid ahem,dom,script http://www.w3.org/TR/css-grid-1/#track-sizing 236930bb2240e757225dc6b34a82ea0f15f2ec0e `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid-template-columns' and 'grid-template-rows' properties are supported in an inline grid. So you can use the different syntax options to define the trak list. grid-inline-support-named-grid-lines-001 Support for named grid lines in 'grid-template-columns' and 'grid-template-rows' properties within an inline grid ahem,dom,script http://www.w3.org/TR/css-grid-1/#named-lines 315365f9bccd7657245b347cef4ced75b257e302 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that grid lines can be explicitly named in 'grid-template-columns' and 'grid-template-rows' properties within an inline grid. grid-inline-support-repeat-001 Support 'repeat()' notation for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid ahem,dom,script http://www.w3.org/TR/css-grid-1/#repeat-notation 787c303e5d47217acd31a68b4095e1a31dbdcd1d `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid-template-columns' and 'grid-template-rows' properties support 'repeat()' notation within an inline grid, so you can use it to represents a repeated fragment of the track list. @@ -72,15 +72,15 @@ grid-layout-repeat-notation reference/grid-layout-repeat-notation-ref repeat not grid-layout-z-order-a reference/grid-layout-z-order-ref z order http://www.w3.org/TR/css-grid-1/#z-order f6ab122559b3da75e52ceda55f9ec69a76f547cc `Leo Deng`<mailto:myst.dg@gmail.com> the layout should behave the same as reference. grid-layout-z-order-b reference/grid-layout-z-order-ref z order http://www.w3.org/TR/css-grid-1/#z-order fc0d9c23d430075933e4db79ab3f8acf2fc8bf8a `Leo Deng`<mailto:myst.dg@gmail.com> the layout should behave the same as reference. grid-margins-no-collapse-001 reference/grid-text-green-margin-no-collapse-ref grid's margins do not collapse http://www.w3.org/TR/css-grid-1/#grid-containers a2cc4e1ac516408da65ef363beef36c757736f6f `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that grid's margin (body) do not collapse with the marings of the grid item (a paragraph). -grid-minimun-size-grid-items-001 reference/ref-filled-green-100px-square Minimun size of grid items ahem http://www.w3.org/TR/css-grid-1/#min-size-auto 613e5e003415c0130450183380f315c9e03ad387 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimun size for grid items is the min-content size. -grid-minimun-size-grid-items-002 reference/ref-filled-green-100px-square Minimun size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto 8ba15922ec30224f55a66300119ef091bcc61949 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimun size for grid items is the min-content size. -grid-minimun-size-grid-items-003 reference/ref-filled-green-100px-square Minimun size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto 8466f7ed95e32d3d1a36e5c72a2132bfadf5476c `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimun size for grid items is the specified size regardless of the content size. -grid-minimun-size-grid-items-004 reference/ref-filled-green-100px-square Minimun size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto 20fc5c365dd1bb26b195e4231a632436f866e522 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimun size for grid items is the specified size regardless of the content size. -grid-minimun-size-grid-items-005 reference/ref-filled-green-100px-square Minimun size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto 6d579b3cd3b1d2d1da0df2d851c506a8f6203d34 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimun size for grid items is the min-content size. -grid-minimun-size-grid-items-006 reference/ref-filled-green-100px-square Minimun size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto 6aa026fabce74ae5bfbc3dcdd69b4b116b489179 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that. -grid-minimun-size-grid-items-007 reference/ref-filled-green-100px-square Minimun size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto c2d40f75e22894e6651e1aa6e3a74f301e7d8fb0 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that. -grid-minimun-size-grid-items-008 reference/ref-filled-green-100px-square Minimun size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto cc4f477db54018c7db8553726e9617dfe32a755f `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that. -grid-minimun-size-grid-items-009 reference/ref-filled-green-100px-square Minimun size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto e4da8e15125cbf0af8a68c689bf7767c58926b57 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that. +grid-minimum-size-grid-items-001 reference/ref-filled-green-100px-square Minimum size of grid items ahem http://www.w3.org/TR/css-grid-1/#min-size-auto a69269399a2b148e6450ac037c938641e6b90c3e `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the min-content size. +grid-minimum-size-grid-items-002 reference/ref-filled-green-100px-square Minimum size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto bd5a3c8c88c5056cbd82e3de5f555ddfda34f64c `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the min-content size. +grid-minimum-size-grid-items-003 reference/ref-filled-green-100px-square Minimum size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto b6bde0186a33951cb313396ce8c278ceb38396eb `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the specified size regardless of the content size. +grid-minimum-size-grid-items-004 reference/ref-filled-green-100px-square Minimum size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto 6aa3dcde25c815d919f566c18fe3b8b72dba7558 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the specified size regardless of the content size. +grid-minimum-size-grid-items-005 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto fd28bce2bd61ecd1b2ceff2bce2782331976a8d8 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the min-content size. +grid-minimum-size-grid-items-006 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto 174e283c947342672b4f4f17ca17127e7bf31a38 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that. +grid-minimum-size-grid-items-007 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto d588f01baf7d50455025a8977a82da55416567c7 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that. +grid-minimum-size-grid-items-008 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto 197f82d6f89561a846c9c2ba41e6b812246359b5 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that. +grid-minimum-size-grid-items-009 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto fa9da3bd4d0d78e885f4f55d1e0cca3f0ba5210d `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that. grid-multicol-001 reference/ref-filled-green-100px-square 'column-*' properties from grid container does not apply to grid items http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns 521dbe45e2022be1140904fe6d2513370d6bfef3 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to a grid container. grid-order-property-auto-placement-001 reference/grid-2x2-blue-yellow-lime-magenta 'order' property affects grid items auto-placement position ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property ad5b4e57de7a4ea9fd826be7fca30d6700672fa1 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> grid-order-property-auto-placement-002 reference/grid-2x2-blue-yellow-lime-magenta 'order' property affects grid items auto-placement position ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property d33459a775e8e493e29fe5cd454d1e20eb057f20 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> @@ -93,8 +93,8 @@ grid-order-property-painting-003 reference/ref-filled-green-100px-square 'order' grid-order-property-painting-004 reference/ref-filled-green-100px-square 'order' property affects grid items painting order ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 70a79fa9be93b40a976ae83c7adc862d137317ac `Manuel Rego Casasnovas`<mailto:rego@igalia.com> grid-order-property-painting-005 reference/ref-filled-green-100px-square 'order' property affects grid items painting order ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 1816a5bb33c6984fa4cd4d0d834d8681391acb9d `Manuel Rego Casasnovas`<mailto:rego@igalia.com> grid-support-display-001 DOM support for 'grid' and 'inline-grid' 'display' values dom,script http://www.w3.org/TR/css-grid-1/#grid-containers 18055d2ae743945500cc0444a2658411a0791120 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid' and 'inline-grid' values for 'display' property are supported so that DOM methods, specifically getComputedValue(), and its associated CSS2Properties interface, can fetch such 'display' values. -grid-support-flexible-lengths-001 Support flexible lengths for 'grid-template-columns' and 'grid-template-rows' properties ahem,dom,script http://www.w3.org/TR/css-grid-1/#fr-unit e48ba1cdab5dee3a3f6a3f2201d8b1b69598b1f5 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid-template-columns' and 'grid-template-rows' properties support flexible lengths (the 'fr' unit), so you can use it to represent a fraction of the free space in the grid container. -grid-support-grid-template-areas-001 Support for 'grid-template-ares' property ahem,dom,script http://www.w3.org/TR/css-grid-1/#grid-template-areas-property dc6323f059179c2e6bdbcf23148b94695ffea11e `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid-template-areas' is supported in a grid. So you can define the grid structure. +grid-support-flexible-lengths-001 Support flexible lengths for 'grid-template-columns' and 'grid-template-rows' properties ahem,dom,script http://www.w3.org/TR/css-grid-1/#fr-unit d291ecbfb4665d4119d0737beaa4451b306b1b82 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid-template-columns' and 'grid-template-rows' properties support flexible lengths (the 'fr' unit), so you can use it to represent a fraction of the free space in the grid container. +grid-support-grid-template-areas-001 Support for 'grid-template-ares' property ahem,dom,script http://www.w3.org/TR/css-grid-1/#grid-template-areas-property ba4d646749df2afdba6897cfb6cbdf9402f15b6c `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid-template-areas' is supported in a grid. So you can define the grid structure. grid-support-grid-template-columns-rows-001 Support for 'grid-template-columns' and 'grid-template-rows' properties ahem,dom,script http://www.w3.org/TR/css-grid-1/#track-sizing 9a79b1fd5bc89c0b2dd0a0b38850a15096130f99 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid-template-columns' and 'grid-template-rows' properties are supported in a grid. So you can use the different syntax options to define the trak list. grid-support-named-grid-lines-001 Support for named grid lines in 'grid-template-columns' and 'grid-template-rows' properties ahem,dom,script http://www.w3.org/TR/css-grid-1/#named-lines 7f20858fbf5e857df816ec4eeb5c63a65baefcf9 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that grid lines can be explicitly named in 'grid-template-columns' and 'grid-template-rows' properties. grid-support-repeat-001 Support 'repeat()' notation for 'grid-template-columns' and 'grid-template-rows' properties ahem,dom,script http://www.w3.org/TR/css-grid-1/#repeat-notation 390f84f3fc36940ba56b755fcc4db6528f1f0faf `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid-template-columns' and 'grid-template-rows' properties support 'repeat()' notation, so you can use it to represents a repeated fragment of the track list. diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-4.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-4.xht index 0d4a1f7f1ad..dfd7cab6a7c 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-4.xht +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-4.xht @@ -508,102 +508,102 @@ <a href="#s4.4">+</a> <a href="http://www.w3.org/TR/css-grid-1/#min-size-auto">4.4 Implied Minimum Size of Grid Items</a></th></tr> <!-- 9 tests --> - <tr id="grid-minimun-size-grid-items-001-4.4" class="primary ahem"> + <tr id="grid-minimum-size-grid-items-001-4.4" class="primary ahem"> <td><strong> - <a href="grid-minimun-size-grid-items-001.xht">grid-minimun-size-grid-items-001</a></strong></td> + <a href="grid-minimum-size-grid-items-001.xht">grid-minimum-size-grid-items-001</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>Minimun size of grid items + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the min-content size.</li> + <li>Checks that minimum size for grid items is the min-content size.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-002-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-002-4.4" class="primary"> <td><strong> - <a href="grid-minimun-size-grid-items-002.xht">grid-minimun-size-grid-items-002</a></strong></td> + <a href="grid-minimum-size-grid-items-002.xht">grid-minimum-size-grid-items-002</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> - <td>Minimun size of grid items + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the min-content size.</li> + <li>Checks that minimum size for grid items is the min-content size.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-003-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-003-4.4" class="primary"> <td><strong> - <a href="grid-minimun-size-grid-items-003.xht">grid-minimun-size-grid-items-003</a></strong></td> + <a href="grid-minimum-size-grid-items-003.xht">grid-minimum-size-grid-items-003</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> - <td>Minimun size of grid items + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the specified size regardless of the content size.</li> + <li>Checks that minimum size for grid items is the specified size regardless of the content size.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-004-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-004-4.4" class="primary"> <td><strong> - <a href="grid-minimun-size-grid-items-004.xht">grid-minimun-size-grid-items-004</a></strong></td> + <a href="grid-minimum-size-grid-items-004.xht">grid-minimum-size-grid-items-004</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> - <td>Minimun size of grid items + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the specified size regardless of the content size.</li> + <li>Checks that minimum size for grid items is the specified size regardless of the content size.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-005-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-005-4.4" class="primary image"> <td><strong> - <a href="grid-minimun-size-grid-items-005.xht">grid-minimun-size-grid-items-005</a></strong></td> + <a href="grid-minimum-size-grid-items-005.xht">grid-minimum-size-grid-items-005</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Minimun size of grid items + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the min-content size.</li> + <li>Checks that minimum size for grid items is the min-content size.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-006-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-006-4.4" class="primary image"> <td><strong> - <a href="grid-minimun-size-grid-items-006.xht">grid-minimun-size-grid-items-006</a></strong></td> + <a href="grid-minimum-size-grid-items-006.xht">grid-minimum-size-grid-items-006</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Minimun size of grid items + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that.</li> + <li>Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-007-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-007-4.4" class="primary image"> <td><strong> - <a href="grid-minimun-size-grid-items-007.xht">grid-minimun-size-grid-items-007</a></strong></td> + <a href="grid-minimum-size-grid-items-007.xht">grid-minimum-size-grid-items-007</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Minimun size of grid items + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that.</li> + <li>Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-008-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-008-4.4" class="primary image"> <td><strong> - <a href="grid-minimun-size-grid-items-008.xht">grid-minimun-size-grid-items-008</a></strong></td> + <a href="grid-minimum-size-grid-items-008.xht">grid-minimum-size-grid-items-008</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Minimun size of grid items + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li> + <li>Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-009-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-009-4.4" class="primary image"> <td><strong> - <a href="grid-minimun-size-grid-items-009.xht">grid-minimun-size-grid-items-009</a></strong></td> + <a href="grid-minimum-size-grid-items-009.xht">grid-minimum-size-grid-items-009</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Minimun size of grid items + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li> + <li>Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-items-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-items-001.xht index 4c74d156191..f9dbab0e890 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-items-001.xht +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-items-001.xht @@ -20,7 +20,6 @@ display: inline-grid; font: 25px/1 Ahem; color: green; - grid-template-columns: auto auto; } ]]></style> </head> @@ -33,9 +32,7 @@ em <div>it</div> em - </div> - <br /> - <div class="test-inline-grid-overlapping-green"> + </div><div class="test-inline-grid-overlapping-green"> it <span>em</span> it diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-items-002.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-items-002.xht index 46b9db8fd13..10acc79dae9 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-items-002.xht +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-items-002.xht @@ -21,17 +21,13 @@ font: 25px/1 Ahem; color: green; } - - .two-columns { - grid-template-columns: auto auto; - } ]]></style> </head> <body> <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> <div id="reference-overlapped-red"></div> - <div class="test-inline-grid-overlapping-green two-columns"> + <div class="test-inline-grid-overlapping-green"> <div> <div>it</div> em @@ -40,14 +36,18 @@ it <div>em</div> </div> - </div> - <br /> - <div class="test-inline-grid-overlapping-green"> + </div><div class="test-inline-grid-overlapping-green"> + <span> + <span>i</span>t + </span> + <span> + e<span>m</span> + </span> <span> - <span>it</span>em + <span>i</span>t </span> <span> - it<span>em</span> + e<span>m</span> </span> </div> diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-support-flexible-lengths-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-support-flexible-lengths-001.xht index 9796d30b34f..228536737c5 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-support-flexible-lengths-001.xht +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-support-flexible-lengths-001.xht @@ -34,10 +34,10 @@ TestingUtils.testGridTemplateColumnsRows("grid", "2fr", "2fr", "800px", "600px"); TestingUtils.testGridTemplateColumnsRows("emptyGrid", "10fr", "10fr", "800px", "600px"); TestingUtils.testGridTemplateColumnsRows("grid", "10fr", "10fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0.5fr", "0.5fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "0.5fr", "0.5fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", ".5fr", ".5fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", ".5fr", ".5fr", "800px", "600px"); + TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0.5fr", "0.5fr", "400px", "300px"); + TestingUtils.testGridTemplateColumnsRows("grid", "0.5fr", "0.5fr", "400px", "300px"); + TestingUtils.testGridTemplateColumnsRows("emptyGrid", ".5fr", ".5fr", "400px", "300px"); + TestingUtils.testGridTemplateColumnsRows("grid", ".5fr", ".5fr", "400px", "300px"); TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(1fr, 1000px)", "minmax(1fr, 700px)", "800px", "600px"); TestingUtils.testGridTemplateColumnsRows("grid", "minmax(1fr, 1000px)", "minmax(1fr, 700px)", "800px", "600px"); TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(100px, 1fr)", "minmax(100px, 1fr)", "800px", "600px"); diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-support-grid-template-areas-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-support-grid-template-areas-001.xht index 66ec77c3bef..74d1672cdfc 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-support-grid-template-areas-001.xht +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-support-grid-template-areas-001.xht @@ -28,29 +28,29 @@ TestingUtils.testGridTemplateAreas('inline-grid', '"lower UPPER 10 -minus _low 1-st ©copy_right line¶"', '"lower UPPER 10 -minus _low 1-st ©copy_right line¶"'); TestingUtils.testGridTemplateAreas('inline-grid', '"a b"', '"a b"'); TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "c d"', '"a b" "c d"'); - TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "c d"', '"a b" "c d"'); + TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "c d"', ['"a b" "c d"', '"a b" "c d"']); TestingUtils.testGridTemplateAreas('inline-grid', '"a b""c d"', '"a b" "c d"'); TestingUtils.testGridTemplateAreas('inline-grid', '"a b"\t"c d"', '"a b" "c d"'); TestingUtils.testGridTemplateAreas('inline-grid', '"a b"\n"c d"', '"a b" "c d"'); TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "a b"', '"a b" "a b"'); TestingUtils.testGridTemplateAreas('inline-grid', '"a a" "b b"', '"a a" "b b"'); TestingUtils.testGridTemplateAreas('inline-grid', '". a ." "b a c"', '". a ." "b a c"'); - TestingUtils.testGridTemplateAreas('inline-grid', '".. a ..." "b a c"', '". a ." "b a c"'); - TestingUtils.testGridTemplateAreas('inline-grid', '".a..." "b a c"', '". a ." "b a c"'); + TestingUtils.testGridTemplateAreas('inline-grid', '".. a ..." "b a c"', ['". a ." "b a c"', '".. a ..." "b a c"']); + TestingUtils.testGridTemplateAreas('inline-grid', '".a..." "b a c"', ['". a ." "b a c"', '".a..." "b a c"']); TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot ."', '"head head" "nav main" "foot ."'); - TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot ...."', '"head head" "nav main" "foot ."'); - TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot."', '"head head" "nav main" "foot ."'); + TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot ...."', ['"head head" "nav main" "foot ."', '"head head" "nav main" "foot ...."']); + TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot."', ['"head head" "nav main" "foot ."', '"head head" "nav main" "foot."']); TestingUtils.testGridTemplateAreas('inline-grid', '". header header ." "nav main main main" "nav footer footer ."', '". header header ." "nav main main main" "nav footer footer ."'); - TestingUtils.testGridTemplateAreas('inline-grid', '"... header header ...." "nav main main main" "nav footer footer ...."', '". header header ." "nav main main main" "nav footer footer ."'); - TestingUtils.testGridTemplateAreas('inline-grid', '"...header header...." "nav main main main" "nav footer footer...."', '". header header ." "nav main main main" "nav footer footer ."'); + TestingUtils.testGridTemplateAreas('inline-grid', '"... header header ...." "nav main main main" "nav footer footer ...."', ['". header header ." "nav main main main" "nav footer footer ."', '"... header header ...." "nav main main main" "nav footer footer ...."']); + TestingUtils.testGridTemplateAreas('inline-grid', '"...header header...." "nav main main main" "nav footer footer...."', ['". header header ." "nav main main main" "nav footer footer ."', '"...header header...." "nav main main main" "nav footer footer...."']); TestingUtils.testGridTemplateAreas('inline-grid', '"title stats" "score stats" "board board" "ctrls ctrls"', '"title stats" "score stats" "board board" "ctrls ctrls"'); TestingUtils.testGridTemplateAreas('inline-grid', '"title board" "stats board" "score ctrls"', '"title board" "stats board" "score ctrls"'); TestingUtils.testGridTemplateAreas('inline-grid', '". a" "b a" ". a"', '". a" "b a" ". a"'); - TestingUtils.testGridTemplateAreas('inline-grid', '".. a" "b a" "... a"', '". a" "b a" ". a"'); - TestingUtils.testGridTemplateAreas('inline-grid', '"..a" "b a" ".a"', '". a" "b a" ". a"'); + TestingUtils.testGridTemplateAreas('inline-grid', '".. a" "b a" "... a"', ['". a" "b a" ". a"', '".. a" "b a" "... a"']); + TestingUtils.testGridTemplateAreas('inline-grid', '"..a" "b a" ".a"', ['". a" "b a" ". a"', '"..a" "b a" ".a"']); TestingUtils.testGridTemplateAreas('inline-grid', '"a a a" "b b b"', '"a a a" "b b b"'); TestingUtils.testGridTemplateAreas('inline-grid', '". ." "a a"', '". ." "a a"'); - TestingUtils.testGridTemplateAreas('inline-grid', '"... ...." "a a"', '". ." "a a"'); + TestingUtils.testGridTemplateAreas('inline-grid', '"... ...." "a a"', ['". ." "a a"', '"... ...." "a a"']); // Reset values. document.getElementById('inline-grid').style.gridTemplateAreas = ''; @@ -69,7 +69,7 @@ TestingUtils.testGridTemplateAreas('inline-grid', '"b a" "b b"', 'none'); TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "b a"', 'none'); TestingUtils.testGridTemplateAreas('inline-grid', '"a ." ". a"', 'none'); - TestingUtils.testGridTemplateAreas('inline-grid', '","', '","'); + TestingUtils.testGridTemplateAreas('inline-grid', '","', 'none'); TestingUtils.testGridTemplateAreas('inline-grid', '"10%"', 'none'); TestingUtils.testGridTemplateAreas('inline-grid', '"USD$"', 'none'); ]]></script> diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-001.xht new file mode 100644 index 00000000000..7efc9e9d6f4 --- /dev/null +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-001.xht @@ -0,0 +1,40 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Grid Layout Test: Minimum size of grid items</title> + <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> + <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> + <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Checks that minimum size for grid items is the min-content size." /> + <style type="text/css"><![CDATA[ + #reference-overlapped-red { + position: absolute; + background-color: red; + width: 100px; + height: 100px; + z-index: -1; + } + + #constrained-grid { + display: grid; + grid: 10px / 10px; + } + + #test-grid-item-overlapping-green { + color: green; + background-color: green; + font: 50px/1 Ahem; + } + ]]></style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="reference-overlapped-red"></div> + <div id="constrained-grid"> + <div id="test-grid-item-overlapping-green">IT E</div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-002.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-002.xht new file mode 100644 index 00000000000..8ee52b12a17 --- /dev/null +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-002.xht @@ -0,0 +1,44 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Grid Layout Test: Minimum size of grid items</title> + <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> + <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> + <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> + <meta name="assert" content="Checks that minimum size for grid items is the min-content size." /> + <style type="text/css"><![CDATA[ + #reference-overlapped-red { + position: absolute; + background-color: red; + width: 100px; + height: 100px; + z-index: -1; + } + + #constrained-grid { + display: grid; + grid: 10px / 10px; + } + + #test-grid-item-overlapping-green { + background-color: green; + } + + #content-100x100 { + width: 100px; + height: 100px; + } + ]]></style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="reference-overlapped-red"></div> + <div id="constrained-grid"> + <div id="test-grid-item-overlapping-green"> + <div id="content-100x100"></div> + </div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-003.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-003.xht new file mode 100644 index 00000000000..c8006f314fc --- /dev/null +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-003.xht @@ -0,0 +1,46 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Grid Layout Test: Minimum size of grid items</title> + <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> + <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> + <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> + <meta name="assert" content="Checks that minimum size for grid items is the specified size regardless of the content size." /> + <style type="text/css"><![CDATA[ + #reference-overlapped-red { + position: absolute; + background-color: red; + width: 100px; + height: 100px; + z-index: -1; + } + + #constrained-grid { + display: grid; + grid: 10px / 10px; + } + + #test-grid-item-overlapping-green { + background-color: green; + width: 100px; + height: 100px; + } + + #content-500x500 { + width: 500px; + height: 500px; + } + ]]></style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="reference-overlapped-red"></div> + <div id="constrained-grid"> + <div id="test-grid-item-overlapping-green"> + <div id="content-500x500"></div> + </div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-004.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-004.xht new file mode 100644 index 00000000000..e27ac99791e --- /dev/null +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-004.xht @@ -0,0 +1,46 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Grid Layout Test: Minimum size of grid items</title> + <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> + <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> + <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> + <meta name="assert" content="Checks that minimum size for grid items is the specified size regardless of the content size." /> + <style type="text/css"><![CDATA[ + #reference-overlapped-red { + position: absolute; + background-color: red; + width: 100px; + height: 100px; + z-index: -1; + } + + #constrained-grid { + display: grid; + grid: 10px / 10px; + } + + #test-grid-item-overlapping-green { + background-color: green; + width: 100px; + height: 100px; + } + + #content-50x50 { + width: 50px; + height: 50px; + } + ]]></style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="reference-overlapped-red"></div> + <div id="constrained-grid"> + <div id="test-grid-item-overlapping-green"> + <div id="content-50x50"></div> + </div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-005.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-005.xht new file mode 100644 index 00000000000..c97286084e8 --- /dev/null +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-005.xht @@ -0,0 +1,34 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Grid Layout Test: Minimum size of grid items</title> + <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> + <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> + <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Checks that minimum size for grid items is the min-content size." /> + <style type="text/css"><![CDATA[ + #reference-overlapped-red { + position: absolute; + background-color: red; + width: 100px; + height: 100px; + z-index: -1; + } + + #constrained-grid { + display: grid; + grid: 10px / 10px; + } + ]]></style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="reference-overlapped-red"></div> + <div id="constrained-grid"> + <img src="support/100x100-green.png" alt="Image download support must be enabled" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-006.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-006.xht new file mode 100644 index 00000000000..4262ce8c406 --- /dev/null +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-006.xht @@ -0,0 +1,38 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Grid Layout Test: Minimum size of grid items</title> + <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> + <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> + <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that." /> + <style type="text/css"><![CDATA[ + #reference-overlapped-red { + position: absolute; + background-color: red; + width: 100px; + height: 100px; + z-index: -1; + } + + #constrained-grid { + display: grid; + grid: 10px / 10px; + } + + #test-grid-item-overlapping-green { + width: 100px; + } + ]]></style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="reference-overlapped-red"></div> + <div id="constrained-grid"> + <img id="test-grid-item-overlapping-green" src="support/200x200-green.png" alt="Image download support must be enabled" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-007.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-007.xht new file mode 100644 index 00000000000..0a1f23b6f6b --- /dev/null +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-007.xht @@ -0,0 +1,38 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Grid Layout Test: Minimum size of grid items</title> + <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> + <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> + <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that." /> + <style type="text/css"><![CDATA[ + #reference-overlapped-red { + position: absolute; + background-color: red; + width: 100px; + height: 100px; + z-index: -1; + } + + #constrained-grid { + display: grid; + grid: 10px / 10px; + } + + #test-grid-item-overlapping-green { + width: 100px; + } + ]]></style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="reference-overlapped-red"></div> + <div id="constrained-grid"> + <img id="test-grid-item-overlapping-green" src="support/60x60-green.png" alt="Image download support must be enabled" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-008.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-008.xht new file mode 100644 index 00000000000..2b93fdbf062 --- /dev/null +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-008.xht @@ -0,0 +1,38 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Grid Layout Test: Minimum size of grid items</title> + <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> + <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> + <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that." /> + <style type="text/css"><![CDATA[ + #reference-overlapped-red { + position: absolute; + background-color: red; + width: 100px; + height: 100px; + z-index: -1; + } + + #constrained-grid { + display: grid; + grid: 10px / 10px; + } + + #test-grid-item-overlapping-green { + height: 100px; + } + ]]></style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="reference-overlapped-red"></div> + <div id="constrained-grid"> + <img id="test-grid-item-overlapping-green" src="support/200x200-green.png" alt="Image download support must be enabled" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-009.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-009.xht new file mode 100644 index 00000000000..05ffc8bbcf1 --- /dev/null +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-009.xht @@ -0,0 +1,38 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Grid Layout Test: Minimum size of grid items</title> + <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> + <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> + <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that." /> + <style type="text/css"><![CDATA[ + #reference-overlapped-red { + position: absolute; + background-color: red; + width: 100px; + height: 100px; + z-index: -1; + } + + #constrained-grid { + display: grid; + grid: 10px / 10px; + } + + #test-grid-item-overlapping-green { + height: 100px; + } + ]]></style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="reference-overlapped-red"></div> + <div id="constrained-grid"> + <img id="test-grid-item-overlapping-green" src="support/60x60-green.png" alt="Image download support must be enabled" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-001.xht deleted file mode 100644 index 213738c9474..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-001.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: Minimun size of grid items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="flags" content="ahem" /> - <meta name="assert" content="Checks that minimun size for grid items is the min-content size." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-item-overlapping-green { - color: green; - background-color: green; - font: 50px/1 Ahem; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-grid"> - <div id="test-grid-item-overlapping-green">IT E</div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-002.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-002.xht deleted file mode 100644 index 07c91aadf38..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-002.xht +++ /dev/null @@ -1,44 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: Minimun size of grid items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimun size for grid items is the min-content size." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-item-overlapping-green { - background-color: green; - } - - #content-100x100 { - width: 100px; - height: 100px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-grid"> - <div id="test-grid-item-overlapping-green"> - <div id="content-100x100"></div> - </div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-003.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-003.xht deleted file mode 100644 index 1d110e26c53..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-003.xht +++ /dev/null @@ -1,46 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: Minimun size of grid items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimun size for grid items is the specified size regardless of the content size." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-item-overlapping-green { - background-color: green; - width: 100px; - height: 100px; - } - - #content-500x500 { - width: 500px; - height: 500px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-grid"> - <div id="test-grid-item-overlapping-green"> - <div id="content-500x500"></div> - </div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-004.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-004.xht deleted file mode 100644 index 2b22bc7b19e..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-004.xht +++ /dev/null @@ -1,46 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: Minimun size of grid items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimun size for grid items is the specified size regardless of the content size." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-item-overlapping-green { - background-color: green; - width: 100px; - height: 100px; - } - - #content-50x50 { - width: 50px; - height: 50px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-grid"> - <div id="test-grid-item-overlapping-green"> - <div id="content-50x50"></div> - </div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-005.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-005.xht deleted file mode 100644 index e26b6cc9a03..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-005.xht +++ /dev/null @@ -1,33 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: Minimun size of grid items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimun size for grid items is the min-content size." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-grid"> - <img src="../support/100x100-green.png" /> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-006.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-006.xht deleted file mode 100644 index 53b18f7019b..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-006.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: Minimun size of grid items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-item-overlapping-green { - width: 100px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-grid"> - <img id="test-grid-item-overlapping-green" src="../support/200x200-green.png" /> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-007.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-007.xht deleted file mode 100644 index 1a55f1c652c..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-007.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: Minimun size of grid items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-item-overlapping-green { - width: 100px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-grid"> - <img id="test-grid-item-overlapping-green" src="../support/60x60-green.png" /> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-008.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-008.xht deleted file mode 100644 index 48517417ed8..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-008.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: Minimun size of grid items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-item-overlapping-green { - height: 100px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-grid"> - <img id="test-grid-item-overlapping-green" src="../support/200x200-green.png" /> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-009.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-009.xht deleted file mode 100644 index 3e314082e34..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-009.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: Minimun size of grid items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-item-overlapping-green { - height: 100px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-grid"> - <img id="test-grid-item-overlapping-green" src="../support/60x60-green.png" /> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-flexible-lengths-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-flexible-lengths-001.xht index 517760818af..b9a5abf4b8f 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-flexible-lengths-001.xht +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-flexible-lengths-001.xht @@ -34,10 +34,10 @@ TestingUtils.testGridTemplateColumnsRows("grid", "2fr", "2fr", "800px", "600px"); TestingUtils.testGridTemplateColumnsRows("emptyGrid", "10fr", "10fr", "800px", "600px"); TestingUtils.testGridTemplateColumnsRows("grid", "10fr", "10fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0.5fr", "0.5fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "0.5fr", "0.5fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", ".5fr", ".5fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", ".5fr", ".5fr", "800px", "600px"); + TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0.5fr", "0.5fr", "400px", "300px"); + TestingUtils.testGridTemplateColumnsRows("grid", "0.5fr", "0.5fr", "400px", "300px"); + TestingUtils.testGridTemplateColumnsRows("emptyGrid", ".5fr", ".5fr", "400px", "300px"); + TestingUtils.testGridTemplateColumnsRows("grid", ".5fr", ".5fr", "400px", "300px"); TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(1fr, 1000px)", "minmax(1fr, 700px)", "800px", "600px"); TestingUtils.testGridTemplateColumnsRows("grid", "minmax(1fr, 1000px)", "minmax(1fr, 700px)", "800px", "600px"); TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(100px, 1fr)", "minmax(100px, 1fr)", "800px", "600px"); diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-grid-template-areas-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-grid-template-areas-001.xht index ca30fb4c5a9..53eb7611c64 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-grid-template-areas-001.xht +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-grid-template-areas-001.xht @@ -28,29 +28,29 @@ TestingUtils.testGridTemplateAreas('grid', '"lower UPPER 10 -minus _low 1-st ©copy_right line¶"', '"lower UPPER 10 -minus _low 1-st ©copy_right line¶"'); TestingUtils.testGridTemplateAreas('grid', '"a b"', '"a b"'); TestingUtils.testGridTemplateAreas('grid', '"a b" "c d"', '"a b" "c d"'); - TestingUtils.testGridTemplateAreas('grid', '"a b" "c d"', '"a b" "c d"'); + TestingUtils.testGridTemplateAreas('grid', '"a b" "c d"', ['"a b" "c d"', '"a b" "c d"']); TestingUtils.testGridTemplateAreas('grid', '"a b""c d"', '"a b" "c d"'); TestingUtils.testGridTemplateAreas('grid', '"a b"\t"c d"', '"a b" "c d"'); TestingUtils.testGridTemplateAreas('grid', '"a b"\n"c d"', '"a b" "c d"'); TestingUtils.testGridTemplateAreas('grid', '"a b" "a b"', '"a b" "a b"'); TestingUtils.testGridTemplateAreas('grid', '"a a" "b b"', '"a a" "b b"'); TestingUtils.testGridTemplateAreas('grid', '". a ." "b a c"', '". a ." "b a c"'); - TestingUtils.testGridTemplateAreas('grid', '".. a ..." "b a c"', '". a ." "b a c"'); - TestingUtils.testGridTemplateAreas('grid', '".a..." "b a c"', '". a ." "b a c"'); + TestingUtils.testGridTemplateAreas('grid', '".. a ..." "b a c"', ['". a ." "b a c"', '".. a ..." "b a c"']); + TestingUtils.testGridTemplateAreas('grid', '".a..." "b a c"', ['". a ." "b a c"', '".a..." "b a c"']); TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot ."', '"head head" "nav main" "foot ."'); - TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot ...."', '"head head" "nav main" "foot ."'); - TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot."', '"head head" "nav main" "foot ."'); + TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot ...."', ['"head head" "nav main" "foot ."', '"head head" "nav main" "foot ...."']); + TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot."', ['"head head" "nav main" "foot ."', '"head head" "nav main" "foot."']); TestingUtils.testGridTemplateAreas('grid', '". header header ." "nav main main main" "nav footer footer ."', '". header header ." "nav main main main" "nav footer footer ."'); - TestingUtils.testGridTemplateAreas('grid', '"... header header ...." "nav main main main" "nav footer footer ...."', '". header header ." "nav main main main" "nav footer footer ."'); - TestingUtils.testGridTemplateAreas('grid', '"...header header...." "nav main main main" "nav footer footer...."', '". header header ." "nav main main main" "nav footer footer ."'); + TestingUtils.testGridTemplateAreas('grid', '"... header header ...." "nav main main main" "nav footer footer ...."', ['". header header ." "nav main main main" "nav footer footer ."', '"... header header ...." "nav main main main" "nav footer footer ...."']); + TestingUtils.testGridTemplateAreas('grid', '"...header header...." "nav main main main" "nav footer footer...."', ['". header header ." "nav main main main" "nav footer footer ."', '"...header header...." "nav main main main" "nav footer footer...."']); TestingUtils.testGridTemplateAreas('grid', '"title stats" "score stats" "board board" "ctrls ctrls"', '"title stats" "score stats" "board board" "ctrls ctrls"'); TestingUtils.testGridTemplateAreas('grid', '"title board" "stats board" "score ctrls"', '"title board" "stats board" "score ctrls"'); TestingUtils.testGridTemplateAreas('grid', '". a" "b a" ". a"', '". a" "b a" ". a"'); - TestingUtils.testGridTemplateAreas('grid', '".. a" "b a" "... a"', '". a" "b a" ". a"'); - TestingUtils.testGridTemplateAreas('grid', '"..a" "b a" ".a"', '". a" "b a" ". a"'); + TestingUtils.testGridTemplateAreas('grid', '".. a" "b a" "... a"', ['". a" "b a" ". a"', '".. a" "b a" "... a"']); + TestingUtils.testGridTemplateAreas('grid', '"..a" "b a" ".a"', ['". a" "b a" ". a"', '"..a" "b a" ".a"']); TestingUtils.testGridTemplateAreas('grid', '"a a a" "b b b"', '"a a a" "b b b"'); TestingUtils.testGridTemplateAreas('grid', '". ." "a a"', '". ." "a a"'); - TestingUtils.testGridTemplateAreas('grid', '"... ...." "a a"', '". ." "a a"'); + TestingUtils.testGridTemplateAreas('grid', '"... ...." "a a"', ['". ." "a a"', '"... ...." "a a"']); // Reset values. document.getElementById('grid').style.gridTemplateAreas = ''; @@ -69,7 +69,7 @@ TestingUtils.testGridTemplateAreas('grid', '"b a" "b b"', 'none'); TestingUtils.testGridTemplateAreas('grid', '"a b" "b a"', 'none'); TestingUtils.testGridTemplateAreas('grid', '"a ." ". a"', 'none'); - TestingUtils.testGridTemplateAreas('grid', '","', '","'); + TestingUtils.testGridTemplateAreas('grid', '","', 'none'); TestingUtils.testGridTemplateAreas('grid', '"10%"', 'none'); TestingUtils.testGridTemplateAreas('grid', '"USD$"', 'none'); ]]></script> diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/support/testing-utils.js b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/support/testing-utils.js index c4ceec3a805..202c865b15e 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/support/testing-utils.js +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/support/testing-utils.js @@ -18,11 +18,15 @@ var TestingUtils = (function() { }, "'" + gridId + "' with: grid-template-columns: " + columnsStyle + "; and grid-template-rows: " + rowsStyle + ";"); } + function checkGridTemplateAreas(element, value) { + assert_in_array(getComputedStyle(element).gridTemplateAreas, value, "gridTemplateAreas"); + } + function testGridTemplateAreas(gridId, style, value) { test(function() { var grid = document.getElementById(gridId); grid.style.gridTemplateAreas = style; - assert_equals(getComputedStyle(grid).gridTemplateAreas, value, "gridTemplateAreas"); + checkGridTemplateAreas(grid, value); }, "'" + gridId + "' with: grid-template-areas: " + style + ";"); } diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reftest-toc.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reftest-toc.xht index 3789b0d3085..4a4822a5580 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reftest-toc.xht +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reftest-toc.xht @@ -544,76 +544,76 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-001" class="ahem"> + <tbody id="grid-minimum-size-grid-items-001" class="ahem"> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-001.xht">grid-minimun-size-grid-items-001</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-001.xht">grid-minimum-size-grid-items-001</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-002" class=""> + <tbody id="grid-minimum-size-grid-items-002" class=""> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-002.xht">grid-minimun-size-grid-items-002</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-002.xht">grid-minimum-size-grid-items-002</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-003" class=""> + <tbody id="grid-minimum-size-grid-items-003" class=""> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-003.xht">grid-minimun-size-grid-items-003</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-003.xht">grid-minimum-size-grid-items-003</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-004" class=""> + <tbody id="grid-minimum-size-grid-items-004" class=""> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-004.xht">grid-minimun-size-grid-items-004</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-004.xht">grid-minimum-size-grid-items-004</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-005" class=""> + <tbody id="grid-minimum-size-grid-items-005" class="image"> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-005.xht">grid-minimun-size-grid-items-005</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-005.xht">grid-minimum-size-grid-items-005</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-006" class=""> + <tbody id="grid-minimum-size-grid-items-006" class="image"> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-006.xht">grid-minimun-size-grid-items-006</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-006.xht">grid-minimum-size-grid-items-006</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-007" class=""> + <tbody id="grid-minimum-size-grid-items-007" class="image"> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-007.xht">grid-minimun-size-grid-items-007</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-007.xht">grid-minimum-size-grid-items-007</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-008" class=""> + <tbody id="grid-minimum-size-grid-items-008" class="image"> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-008.xht">grid-minimun-size-grid-items-008</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-008.xht">grid-minimum-size-grid-items-008</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-009" class=""> + <tbody id="grid-minimum-size-grid-items-009" class="image"> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-009.xht">grid-minimun-size-grid-items-009</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-009.xht">grid-minimum-size-grid-items-009</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> <tbody id="grid-multicol-001" class=""> diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reftest.list b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reftest.list index 70a68b699f9..e609f486ecd 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reftest.list +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reftest.list @@ -64,15 +64,15 @@ grid-layout-repeat-notation.xht == reference/grid-layout-repeat-notation-ref.xht grid-layout-z-order-a.xht == reference/grid-layout-z-order-ref.xht grid-layout-z-order-b.xht == reference/grid-layout-z-order-ref.xht grid-margins-no-collapse-001.xht == reference/grid-text-green-margin-no-collapse-ref.xht -grid-minimun-size-grid-items-001.xht == reference/ref-filled-green-100px-square.xht -grid-minimun-size-grid-items-002.xht == reference/ref-filled-green-100px-square.xht -grid-minimun-size-grid-items-003.xht == reference/ref-filled-green-100px-square.xht -grid-minimun-size-grid-items-004.xht == reference/ref-filled-green-100px-square.xht -grid-minimun-size-grid-items-005.xht == reference/ref-filled-green-100px-square.xht -grid-minimun-size-grid-items-006.xht == reference/ref-filled-green-100px-square.xht -grid-minimun-size-grid-items-007.xht == reference/ref-filled-green-100px-square.xht -grid-minimun-size-grid-items-008.xht == reference/ref-filled-green-100px-square.xht -grid-minimun-size-grid-items-009.xht == reference/ref-filled-green-100px-square.xht +grid-minimum-size-grid-items-001.xht == reference/ref-filled-green-100px-square.xht +grid-minimum-size-grid-items-002.xht == reference/ref-filled-green-100px-square.xht +grid-minimum-size-grid-items-003.xht == reference/ref-filled-green-100px-square.xht +grid-minimum-size-grid-items-004.xht == reference/ref-filled-green-100px-square.xht +grid-minimum-size-grid-items-005.xht == reference/ref-filled-green-100px-square.xht +grid-minimum-size-grid-items-006.xht == reference/ref-filled-green-100px-square.xht +grid-minimum-size-grid-items-007.xht == reference/ref-filled-green-100px-square.xht +grid-minimum-size-grid-items-008.xht == reference/ref-filled-green-100px-square.xht +grid-minimum-size-grid-items-009.xht == reference/ref-filled-green-100px-square.xht grid-multicol-001.xht == reference/ref-filled-green-100px-square.xht grid-order-property-auto-placement-001.xht == reference/grid-2x2-blue-yellow-lime-magenta.xht grid-order-property-auto-placement-002.xht == reference/grid-2x2-blue-yellow-lime-magenta.xht diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/support/testing-utils.js b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/support/testing-utils.js index c4ceec3a805..202c865b15e 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/support/testing-utils.js +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/support/testing-utils.js @@ -18,11 +18,15 @@ var TestingUtils = (function() { }, "'" + gridId + "' with: grid-template-columns: " + columnsStyle + "; and grid-template-rows: " + rowsStyle + ";"); } + function checkGridTemplateAreas(element, value) { + assert_in_array(getComputedStyle(element).gridTemplateAreas, value, "gridTemplateAreas"); + } + function testGridTemplateAreas(gridId, style, value) { test(function() { var grid = document.getElementById(gridId); grid.style.gridTemplateAreas = style; - assert_equals(getComputedStyle(grid).gridTemplateAreas, value, "gridTemplateAreas"); + checkGridTemplateAreas(grid, value); }, "'" + gridId + "' with: grid-template-areas: " + style + ";"); } diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/chapter-4.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/chapter-4.xht index 0d4a1f7f1ad..dfd7cab6a7c 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/chapter-4.xht +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/chapter-4.xht @@ -508,102 +508,102 @@ <a href="#s4.4">+</a> <a href="http://www.w3.org/TR/css-grid-1/#min-size-auto">4.4 Implied Minimum Size of Grid Items</a></th></tr> <!-- 9 tests --> - <tr id="grid-minimun-size-grid-items-001-4.4" class="primary ahem"> + <tr id="grid-minimum-size-grid-items-001-4.4" class="primary ahem"> <td><strong> - <a href="grid-minimun-size-grid-items-001.xht">grid-minimun-size-grid-items-001</a></strong></td> + <a href="grid-minimum-size-grid-items-001.xht">grid-minimum-size-grid-items-001</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>Minimun size of grid items + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the min-content size.</li> + <li>Checks that minimum size for grid items is the min-content size.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-002-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-002-4.4" class="primary"> <td><strong> - <a href="grid-minimun-size-grid-items-002.xht">grid-minimun-size-grid-items-002</a></strong></td> + <a href="grid-minimum-size-grid-items-002.xht">grid-minimum-size-grid-items-002</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> - <td>Minimun size of grid items + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the min-content size.</li> + <li>Checks that minimum size for grid items is the min-content size.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-003-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-003-4.4" class="primary"> <td><strong> - <a href="grid-minimun-size-grid-items-003.xht">grid-minimun-size-grid-items-003</a></strong></td> + <a href="grid-minimum-size-grid-items-003.xht">grid-minimum-size-grid-items-003</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> - <td>Minimun size of grid items + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the specified size regardless of the content size.</li> + <li>Checks that minimum size for grid items is the specified size regardless of the content size.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-004-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-004-4.4" class="primary"> <td><strong> - <a href="grid-minimun-size-grid-items-004.xht">grid-minimun-size-grid-items-004</a></strong></td> + <a href="grid-minimum-size-grid-items-004.xht">grid-minimum-size-grid-items-004</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> - <td>Minimun size of grid items + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the specified size regardless of the content size.</li> + <li>Checks that minimum size for grid items is the specified size regardless of the content size.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-005-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-005-4.4" class="primary image"> <td><strong> - <a href="grid-minimun-size-grid-items-005.xht">grid-minimun-size-grid-items-005</a></strong></td> + <a href="grid-minimum-size-grid-items-005.xht">grid-minimum-size-grid-items-005</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Minimun size of grid items + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the min-content size.</li> + <li>Checks that minimum size for grid items is the min-content size.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-006-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-006-4.4" class="primary image"> <td><strong> - <a href="grid-minimun-size-grid-items-006.xht">grid-minimun-size-grid-items-006</a></strong></td> + <a href="grid-minimum-size-grid-items-006.xht">grid-minimum-size-grid-items-006</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Minimun size of grid items + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that.</li> + <li>Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-007-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-007-4.4" class="primary image"> <td><strong> - <a href="grid-minimun-size-grid-items-007.xht">grid-minimun-size-grid-items-007</a></strong></td> + <a href="grid-minimum-size-grid-items-007.xht">grid-minimum-size-grid-items-007</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Minimun size of grid items + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that.</li> + <li>Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-008-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-008-4.4" class="primary image"> <td><strong> - <a href="grid-minimun-size-grid-items-008.xht">grid-minimun-size-grid-items-008</a></strong></td> + <a href="grid-minimum-size-grid-items-008.xht">grid-minimum-size-grid-items-008</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Minimun size of grid items + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li> + <li>Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-009-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-009-4.4" class="primary image"> <td><strong> - <a href="grid-minimun-size-grid-items-009.xht">grid-minimun-size-grid-items-009</a></strong></td> + <a href="grid-minimum-size-grid-items-009.xht">grid-minimum-size-grid-items-009</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Minimun size of grid items + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li> + <li>Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-inline-items-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-inline-items-001.xht index 8f8871fc373..f73b14b41d7 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-inline-items-001.xht +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-inline-items-001.xht @@ -29,7 +29,6 @@ display: inline-grid; font: 25px/1 Ahem; color: green; - grid-template-columns: auto auto; } ]]></style> </head> @@ -42,9 +41,7 @@ em <div>it</div> em - </div> - <br /> - <div class="test-inline-grid-overlapping-green"> + </div><div class="test-inline-grid-overlapping-green"> it <span>em</span> it diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-inline-items-002.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-inline-items-002.xht index f4f9860f671..b86f918936a 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-inline-items-002.xht +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-inline-items-002.xht @@ -30,17 +30,13 @@ font: 25px/1 Ahem; color: green; } - - .two-columns { - grid-template-columns: auto auto; - } ]]></style> </head> <body> <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> <div id="reference-overlapped-red"></div> - <div class="test-inline-grid-overlapping-green two-columns"> + <div class="test-inline-grid-overlapping-green"> <div> <div>it</div> em @@ -49,14 +45,18 @@ it <div>em</div> </div> - </div> - <br /> - <div class="test-inline-grid-overlapping-green"> + </div><div class="test-inline-grid-overlapping-green"> + <span> + <span>i</span>t + </span> + <span> + e<span>m</span> + </span> <span> - <span>it</span>em + <span>i</span>t </span> <span> - it<span>em</span> + e<span>m</span> </span> </div> diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-inline-support-flexible-lengths-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-inline-support-flexible-lengths-001.xht index aac29d2d614..f6faaf27ef6 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-inline-support-flexible-lengths-001.xht +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-inline-support-flexible-lengths-001.xht @@ -43,10 +43,10 @@ TestingUtils.testGridTemplateColumnsRows("grid", "2fr", "2fr", "800px", "600px"); TestingUtils.testGridTemplateColumnsRows("emptyGrid", "10fr", "10fr", "800px", "600px"); TestingUtils.testGridTemplateColumnsRows("grid", "10fr", "10fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0.5fr", "0.5fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "0.5fr", "0.5fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", ".5fr", ".5fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", ".5fr", ".5fr", "800px", "600px"); + TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0.5fr", "0.5fr", "400px", "300px"); + TestingUtils.testGridTemplateColumnsRows("grid", "0.5fr", "0.5fr", "400px", "300px"); + TestingUtils.testGridTemplateColumnsRows("emptyGrid", ".5fr", ".5fr", "400px", "300px"); + TestingUtils.testGridTemplateColumnsRows("grid", ".5fr", ".5fr", "400px", "300px"); TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(1fr, 1000px)", "minmax(1fr, 700px)", "800px", "600px"); TestingUtils.testGridTemplateColumnsRows("grid", "minmax(1fr, 1000px)", "minmax(1fr, 700px)", "800px", "600px"); TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(100px, 1fr)", "minmax(100px, 1fr)", "800px", "600px"); diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-inline-support-grid-template-areas-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-inline-support-grid-template-areas-001.xht index 10dd97abf79..f055f770ac6 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-inline-support-grid-template-areas-001.xht +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-inline-support-grid-template-areas-001.xht @@ -37,29 +37,29 @@ TestingUtils.testGridTemplateAreas('inline-grid', '"lower UPPER 10 -minus _low 1-st ©copy_right line¶"', '"lower UPPER 10 -minus _low 1-st ©copy_right line¶"'); TestingUtils.testGridTemplateAreas('inline-grid', '"a b"', '"a b"'); TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "c d"', '"a b" "c d"'); - TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "c d"', '"a b" "c d"'); + TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "c d"', ['"a b" "c d"', '"a b" "c d"']); TestingUtils.testGridTemplateAreas('inline-grid', '"a b""c d"', '"a b" "c d"'); TestingUtils.testGridTemplateAreas('inline-grid', '"a b"\t"c d"', '"a b" "c d"'); TestingUtils.testGridTemplateAreas('inline-grid', '"a b"\n"c d"', '"a b" "c d"'); TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "a b"', '"a b" "a b"'); TestingUtils.testGridTemplateAreas('inline-grid', '"a a" "b b"', '"a a" "b b"'); TestingUtils.testGridTemplateAreas('inline-grid', '". a ." "b a c"', '". a ." "b a c"'); - TestingUtils.testGridTemplateAreas('inline-grid', '".. a ..." "b a c"', '". a ." "b a c"'); - TestingUtils.testGridTemplateAreas('inline-grid', '".a..." "b a c"', '". a ." "b a c"'); + TestingUtils.testGridTemplateAreas('inline-grid', '".. a ..." "b a c"', ['". a ." "b a c"', '".. a ..." "b a c"']); + TestingUtils.testGridTemplateAreas('inline-grid', '".a..." "b a c"', ['". a ." "b a c"', '".a..." "b a c"']); TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot ."', '"head head" "nav main" "foot ."'); - TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot ...."', '"head head" "nav main" "foot ."'); - TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot."', '"head head" "nav main" "foot ."'); + TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot ...."', ['"head head" "nav main" "foot ."', '"head head" "nav main" "foot ...."']); + TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot."', ['"head head" "nav main" "foot ."', '"head head" "nav main" "foot."']); TestingUtils.testGridTemplateAreas('inline-grid', '". header header ." "nav main main main" "nav footer footer ."', '". header header ." "nav main main main" "nav footer footer ."'); - TestingUtils.testGridTemplateAreas('inline-grid', '"... header header ...." "nav main main main" "nav footer footer ...."', '". header header ." "nav main main main" "nav footer footer ."'); - TestingUtils.testGridTemplateAreas('inline-grid', '"...header header...." "nav main main main" "nav footer footer...."', '". header header ." "nav main main main" "nav footer footer ."'); + TestingUtils.testGridTemplateAreas('inline-grid', '"... header header ...." "nav main main main" "nav footer footer ...."', ['". header header ." "nav main main main" "nav footer footer ."', '"... header header ...." "nav main main main" "nav footer footer ...."']); + TestingUtils.testGridTemplateAreas('inline-grid', '"...header header...." "nav main main main" "nav footer footer...."', ['". header header ." "nav main main main" "nav footer footer ."', '"...header header...." "nav main main main" "nav footer footer...."']); TestingUtils.testGridTemplateAreas('inline-grid', '"title stats" "score stats" "board board" "ctrls ctrls"', '"title stats" "score stats" "board board" "ctrls ctrls"'); TestingUtils.testGridTemplateAreas('inline-grid', '"title board" "stats board" "score ctrls"', '"title board" "stats board" "score ctrls"'); TestingUtils.testGridTemplateAreas('inline-grid', '". a" "b a" ". a"', '". a" "b a" ". a"'); - TestingUtils.testGridTemplateAreas('inline-grid', '".. a" "b a" "... a"', '". a" "b a" ". a"'); - TestingUtils.testGridTemplateAreas('inline-grid', '"..a" "b a" ".a"', '". a" "b a" ". a"'); + TestingUtils.testGridTemplateAreas('inline-grid', '".. a" "b a" "... a"', ['". a" "b a" ". a"', '".. a" "b a" "... a"']); + TestingUtils.testGridTemplateAreas('inline-grid', '"..a" "b a" ".a"', ['". a" "b a" ". a"', '"..a" "b a" ".a"']); TestingUtils.testGridTemplateAreas('inline-grid', '"a a a" "b b b"', '"a a a" "b b b"'); TestingUtils.testGridTemplateAreas('inline-grid', '". ." "a a"', '". ." "a a"'); - TestingUtils.testGridTemplateAreas('inline-grid', '"... ...." "a a"', '". ." "a a"'); + TestingUtils.testGridTemplateAreas('inline-grid', '"... ...." "a a"', ['". ." "a a"', '"... ...." "a a"']); // Reset values. document.getElementById('inline-grid').style.gridTemplateAreas = ''; @@ -78,7 +78,7 @@ TestingUtils.testGridTemplateAreas('inline-grid', '"b a" "b b"', 'none'); TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "b a"', 'none'); TestingUtils.testGridTemplateAreas('inline-grid', '"a ." ". a"', 'none'); - TestingUtils.testGridTemplateAreas('inline-grid', '","', '","'); + TestingUtils.testGridTemplateAreas('inline-grid', '","', 'none'); TestingUtils.testGridTemplateAreas('inline-grid', '"10%"', 'none'); TestingUtils.testGridTemplateAreas('inline-grid', '"USD$"', 'none'); ]]></script> diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-001.xht new file mode 100644 index 00000000000..e4291fd8413 --- /dev/null +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-001.xht @@ -0,0 +1,49 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Grid Layout Test: Minimum size of grid items</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Grid Layout Module Level 1 CR Test Suite"; } + @top-right { content: "Test grid-minimum-size-grid-items-001"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> + <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> + <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Checks that minimum size for grid items is the min-content size." /> + <style type="text/css"><![CDATA[ + #reference-overlapped-red { + position: absolute; + background-color: red; + width: 100px; + height: 100px; + z-index: -1; + } + + #constrained-grid { + display: grid; + grid: 10px / 10px; + } + + #test-grid-item-overlapping-green { + color: green; + background-color: green; + font: 50px/1 Ahem; + } + ]]></style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="reference-overlapped-red"></div> + <div id="constrained-grid"> + <div id="test-grid-item-overlapping-green">IT E</div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-002.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-002.xht new file mode 100644 index 00000000000..d093c98e175 --- /dev/null +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-002.xht @@ -0,0 +1,53 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Grid Layout Test: Minimum size of grid items</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Grid Layout Module Level 1 CR Test Suite"; } + @top-right { content: "Test grid-minimum-size-grid-items-002"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> + <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> + <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> + <meta name="assert" content="Checks that minimum size for grid items is the min-content size." /> + <style type="text/css"><![CDATA[ + #reference-overlapped-red { + position: absolute; + background-color: red; + width: 100px; + height: 100px; + z-index: -1; + } + + #constrained-grid { + display: grid; + grid: 10px / 10px; + } + + #test-grid-item-overlapping-green { + background-color: green; + } + + #content-100x100 { + width: 100px; + height: 100px; + } + ]]></style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="reference-overlapped-red"></div> + <div id="constrained-grid"> + <div id="test-grid-item-overlapping-green"> + <div id="content-100x100"></div> + </div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-003.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-003.xht new file mode 100644 index 00000000000..54c2c2fee64 --- /dev/null +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-003.xht @@ -0,0 +1,55 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Grid Layout Test: Minimum size of grid items</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Grid Layout Module Level 1 CR Test Suite"; } + @top-right { content: "Test grid-minimum-size-grid-items-003"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> + <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> + <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> + <meta name="assert" content="Checks that minimum size for grid items is the specified size regardless of the content size." /> + <style type="text/css"><![CDATA[ + #reference-overlapped-red { + position: absolute; + background-color: red; + width: 100px; + height: 100px; + z-index: -1; + } + + #constrained-grid { + display: grid; + grid: 10px / 10px; + } + + #test-grid-item-overlapping-green { + background-color: green; + width: 100px; + height: 100px; + } + + #content-500x500 { + width: 500px; + height: 500px; + } + ]]></style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="reference-overlapped-red"></div> + <div id="constrained-grid"> + <div id="test-grid-item-overlapping-green"> + <div id="content-500x500"></div> + </div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-004.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-004.xht new file mode 100644 index 00000000000..c2e887d6d86 --- /dev/null +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-004.xht @@ -0,0 +1,55 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Grid Layout Test: Minimum size of grid items</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Grid Layout Module Level 1 CR Test Suite"; } + @top-right { content: "Test grid-minimum-size-grid-items-004"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> + <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> + <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> + <meta name="assert" content="Checks that minimum size for grid items is the specified size regardless of the content size." /> + <style type="text/css"><![CDATA[ + #reference-overlapped-red { + position: absolute; + background-color: red; + width: 100px; + height: 100px; + z-index: -1; + } + + #constrained-grid { + display: grid; + grid: 10px / 10px; + } + + #test-grid-item-overlapping-green { + background-color: green; + width: 100px; + height: 100px; + } + + #content-50x50 { + width: 50px; + height: 50px; + } + ]]></style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="reference-overlapped-red"></div> + <div id="constrained-grid"> + <div id="test-grid-item-overlapping-green"> + <div id="content-50x50"></div> + </div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-005.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-005.xht new file mode 100644 index 00000000000..627b222e3d3 --- /dev/null +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-005.xht @@ -0,0 +1,43 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Grid Layout Test: Minimum size of grid items</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Grid Layout Module Level 1 CR Test Suite"; } + @top-right { content: "Test grid-minimum-size-grid-items-005"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> + <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> + <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Checks that minimum size for grid items is the min-content size." /> + <style type="text/css"><![CDATA[ + #reference-overlapped-red { + position: absolute; + background-color: red; + width: 100px; + height: 100px; + z-index: -1; + } + + #constrained-grid { + display: grid; + grid: 10px / 10px; + } + ]]></style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="reference-overlapped-red"></div> + <div id="constrained-grid"> + <img src="support/100x100-green.png" alt="Image download support must be enabled" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-006.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-006.xht new file mode 100644 index 00000000000..4db6ec03ba5 --- /dev/null +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-006.xht @@ -0,0 +1,47 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Grid Layout Test: Minimum size of grid items</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Grid Layout Module Level 1 CR Test Suite"; } + @top-right { content: "Test grid-minimum-size-grid-items-006"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> + <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> + <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that." /> + <style type="text/css"><![CDATA[ + #reference-overlapped-red { + position: absolute; + background-color: red; + width: 100px; + height: 100px; + z-index: -1; + } + + #constrained-grid { + display: grid; + grid: 10px / 10px; + } + + #test-grid-item-overlapping-green { + width: 100px; + } + ]]></style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="reference-overlapped-red"></div> + <div id="constrained-grid"> + <img id="test-grid-item-overlapping-green" src="support/200x200-green.png" alt="Image download support must be enabled" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-007.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-007.xht new file mode 100644 index 00000000000..c959ca31f5b --- /dev/null +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-007.xht @@ -0,0 +1,47 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Grid Layout Test: Minimum size of grid items</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Grid Layout Module Level 1 CR Test Suite"; } + @top-right { content: "Test grid-minimum-size-grid-items-007"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> + <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> + <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that." /> + <style type="text/css"><![CDATA[ + #reference-overlapped-red { + position: absolute; + background-color: red; + width: 100px; + height: 100px; + z-index: -1; + } + + #constrained-grid { + display: grid; + grid: 10px / 10px; + } + + #test-grid-item-overlapping-green { + width: 100px; + } + ]]></style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="reference-overlapped-red"></div> + <div id="constrained-grid"> + <img id="test-grid-item-overlapping-green" src="support/60x60-green.png" alt="Image download support must be enabled" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-008.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-008.xht new file mode 100644 index 00000000000..bddce564773 --- /dev/null +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-008.xht @@ -0,0 +1,47 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Grid Layout Test: Minimum size of grid items</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Grid Layout Module Level 1 CR Test Suite"; } + @top-right { content: "Test grid-minimum-size-grid-items-008"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> + <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> + <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that." /> + <style type="text/css"><![CDATA[ + #reference-overlapped-red { + position: absolute; + background-color: red; + width: 100px; + height: 100px; + z-index: -1; + } + + #constrained-grid { + display: grid; + grid: 10px / 10px; + } + + #test-grid-item-overlapping-green { + height: 100px; + } + ]]></style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="reference-overlapped-red"></div> + <div id="constrained-grid"> + <img id="test-grid-item-overlapping-green" src="support/200x200-green.png" alt="Image download support must be enabled" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-009.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-009.xht new file mode 100644 index 00000000000..23a984d2d89 --- /dev/null +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-009.xht @@ -0,0 +1,47 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Grid Layout Test: Minimum size of grid items</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Grid Layout Module Level 1 CR Test Suite"; } + @top-right { content: "Test grid-minimum-size-grid-items-009"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> + <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> + <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that." /> + <style type="text/css"><![CDATA[ + #reference-overlapped-red { + position: absolute; + background-color: red; + width: 100px; + height: 100px; + z-index: -1; + } + + #constrained-grid { + display: grid; + grid: 10px / 10px; + } + + #test-grid-item-overlapping-green { + height: 100px; + } + ]]></style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="reference-overlapped-red"></div> + <div id="constrained-grid"> + <img id="test-grid-item-overlapping-green" src="support/60x60-green.png" alt="Image download support must be enabled" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-001.xht deleted file mode 100644 index 56b0c004304..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-001.xht +++ /dev/null @@ -1,49 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: Minimun size of grid items</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Grid Layout Module Level 1 CR Test Suite"; } - @top-right { content: "Test grid-minimun-size-grid-items-001"; } - @bottom-right { content: counter(page); } - } -</style> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="flags" content="ahem" /> - <meta name="assert" content="Checks that minimun size for grid items is the min-content size." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-item-overlapping-green { - color: green; - background-color: green; - font: 50px/1 Ahem; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-grid"> - <div id="test-grid-item-overlapping-green">IT E</div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-002.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-002.xht deleted file mode 100644 index 5716c221580..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-002.xht +++ /dev/null @@ -1,53 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: Minimun size of grid items</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Grid Layout Module Level 1 CR Test Suite"; } - @top-right { content: "Test grid-minimun-size-grid-items-002"; } - @bottom-right { content: counter(page); } - } -</style> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimun size for grid items is the min-content size." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-item-overlapping-green { - background-color: green; - } - - #content-100x100 { - width: 100px; - height: 100px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-grid"> - <div id="test-grid-item-overlapping-green"> - <div id="content-100x100"></div> - </div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-003.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-003.xht deleted file mode 100644 index 423ed0d9cc7..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-003.xht +++ /dev/null @@ -1,55 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: Minimun size of grid items</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Grid Layout Module Level 1 CR Test Suite"; } - @top-right { content: "Test grid-minimun-size-grid-items-003"; } - @bottom-right { content: counter(page); } - } -</style> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimun size for grid items is the specified size regardless of the content size." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-item-overlapping-green { - background-color: green; - width: 100px; - height: 100px; - } - - #content-500x500 { - width: 500px; - height: 500px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-grid"> - <div id="test-grid-item-overlapping-green"> - <div id="content-500x500"></div> - </div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-004.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-004.xht deleted file mode 100644 index b68ffe4df2c..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-004.xht +++ /dev/null @@ -1,55 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: Minimun size of grid items</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Grid Layout Module Level 1 CR Test Suite"; } - @top-right { content: "Test grid-minimun-size-grid-items-004"; } - @bottom-right { content: counter(page); } - } -</style> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimun size for grid items is the specified size regardless of the content size." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-item-overlapping-green { - background-color: green; - width: 100px; - height: 100px; - } - - #content-50x50 { - width: 50px; - height: 50px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-grid"> - <div id="test-grid-item-overlapping-green"> - <div id="content-50x50"></div> - </div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-005.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-005.xht deleted file mode 100644 index d25b3259eb5..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-005.xht +++ /dev/null @@ -1,42 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: Minimun size of grid items</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Grid Layout Module Level 1 CR Test Suite"; } - @top-right { content: "Test grid-minimun-size-grid-items-005"; } - @bottom-right { content: counter(page); } - } -</style> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimun size for grid items is the min-content size." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-grid"> - <img src="../support/100x100-green.png" /> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-006.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-006.xht deleted file mode 100644 index 5daeae91b9d..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-006.xht +++ /dev/null @@ -1,46 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: Minimun size of grid items</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Grid Layout Module Level 1 CR Test Suite"; } - @top-right { content: "Test grid-minimun-size-grid-items-006"; } - @bottom-right { content: counter(page); } - } -</style> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-item-overlapping-green { - width: 100px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-grid"> - <img id="test-grid-item-overlapping-green" src="../support/200x200-green.png" /> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-007.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-007.xht deleted file mode 100644 index 701887ab2f9..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-007.xht +++ /dev/null @@ -1,46 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: Minimun size of grid items</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Grid Layout Module Level 1 CR Test Suite"; } - @top-right { content: "Test grid-minimun-size-grid-items-007"; } - @bottom-right { content: counter(page); } - } -</style> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-item-overlapping-green { - width: 100px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-grid"> - <img id="test-grid-item-overlapping-green" src="../support/60x60-green.png" /> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-008.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-008.xht deleted file mode 100644 index 2903437b032..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-008.xht +++ /dev/null @@ -1,46 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: Minimun size of grid items</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Grid Layout Module Level 1 CR Test Suite"; } - @top-right { content: "Test grid-minimun-size-grid-items-008"; } - @bottom-right { content: counter(page); } - } -</style> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-item-overlapping-green { - height: 100px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-grid"> - <img id="test-grid-item-overlapping-green" src="../support/200x200-green.png" /> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-009.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-009.xht deleted file mode 100644 index f6fb2e2b111..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-009.xht +++ /dev/null @@ -1,46 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: Minimun size of grid items</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Grid Layout Module Level 1 CR Test Suite"; } - @top-right { content: "Test grid-minimun-size-grid-items-009"; } - @bottom-right { content: counter(page); } - } -</style> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-item-overlapping-green { - height: 100px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-grid"> - <img id="test-grid-item-overlapping-green" src="../support/60x60-green.png" /> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-support-flexible-lengths-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-support-flexible-lengths-001.xht index 9c322b2f72f..15aba3cf8ba 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-support-flexible-lengths-001.xht +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-support-flexible-lengths-001.xht @@ -43,10 +43,10 @@ TestingUtils.testGridTemplateColumnsRows("grid", "2fr", "2fr", "800px", "600px"); TestingUtils.testGridTemplateColumnsRows("emptyGrid", "10fr", "10fr", "800px", "600px"); TestingUtils.testGridTemplateColumnsRows("grid", "10fr", "10fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0.5fr", "0.5fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "0.5fr", "0.5fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", ".5fr", ".5fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", ".5fr", ".5fr", "800px", "600px"); + TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0.5fr", "0.5fr", "400px", "300px"); + TestingUtils.testGridTemplateColumnsRows("grid", "0.5fr", "0.5fr", "400px", "300px"); + TestingUtils.testGridTemplateColumnsRows("emptyGrid", ".5fr", ".5fr", "400px", "300px"); + TestingUtils.testGridTemplateColumnsRows("grid", ".5fr", ".5fr", "400px", "300px"); TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(1fr, 1000px)", "minmax(1fr, 700px)", "800px", "600px"); TestingUtils.testGridTemplateColumnsRows("grid", "minmax(1fr, 1000px)", "minmax(1fr, 700px)", "800px", "600px"); TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(100px, 1fr)", "minmax(100px, 1fr)", "800px", "600px"); diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-support-grid-template-areas-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-support-grid-template-areas-001.xht index 918339b60a4..e43d764dcc3 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-support-grid-template-areas-001.xht +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-support-grid-template-areas-001.xht @@ -37,29 +37,29 @@ TestingUtils.testGridTemplateAreas('grid', '"lower UPPER 10 -minus _low 1-st ©copy_right line¶"', '"lower UPPER 10 -minus _low 1-st ©copy_right line¶"'); TestingUtils.testGridTemplateAreas('grid', '"a b"', '"a b"'); TestingUtils.testGridTemplateAreas('grid', '"a b" "c d"', '"a b" "c d"'); - TestingUtils.testGridTemplateAreas('grid', '"a b" "c d"', '"a b" "c d"'); + TestingUtils.testGridTemplateAreas('grid', '"a b" "c d"', ['"a b" "c d"', '"a b" "c d"']); TestingUtils.testGridTemplateAreas('grid', '"a b""c d"', '"a b" "c d"'); TestingUtils.testGridTemplateAreas('grid', '"a b"\t"c d"', '"a b" "c d"'); TestingUtils.testGridTemplateAreas('grid', '"a b"\n"c d"', '"a b" "c d"'); TestingUtils.testGridTemplateAreas('grid', '"a b" "a b"', '"a b" "a b"'); TestingUtils.testGridTemplateAreas('grid', '"a a" "b b"', '"a a" "b b"'); TestingUtils.testGridTemplateAreas('grid', '". a ." "b a c"', '". a ." "b a c"'); - TestingUtils.testGridTemplateAreas('grid', '".. a ..." "b a c"', '". a ." "b a c"'); - TestingUtils.testGridTemplateAreas('grid', '".a..." "b a c"', '". a ." "b a c"'); + TestingUtils.testGridTemplateAreas('grid', '".. a ..." "b a c"', ['". a ." "b a c"', '".. a ..." "b a c"']); + TestingUtils.testGridTemplateAreas('grid', '".a..." "b a c"', ['". a ." "b a c"', '".a..." "b a c"']); TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot ."', '"head head" "nav main" "foot ."'); - TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot ...."', '"head head" "nav main" "foot ."'); - TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot."', '"head head" "nav main" "foot ."'); + TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot ...."', ['"head head" "nav main" "foot ."', '"head head" "nav main" "foot ...."']); + TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot."', ['"head head" "nav main" "foot ."', '"head head" "nav main" "foot."']); TestingUtils.testGridTemplateAreas('grid', '". header header ." "nav main main main" "nav footer footer ."', '". header header ." "nav main main main" "nav footer footer ."'); - TestingUtils.testGridTemplateAreas('grid', '"... header header ...." "nav main main main" "nav footer footer ...."', '". header header ." "nav main main main" "nav footer footer ."'); - TestingUtils.testGridTemplateAreas('grid', '"...header header...." "nav main main main" "nav footer footer...."', '". header header ." "nav main main main" "nav footer footer ."'); + TestingUtils.testGridTemplateAreas('grid', '"... header header ...." "nav main main main" "nav footer footer ...."', ['". header header ." "nav main main main" "nav footer footer ."', '"... header header ...." "nav main main main" "nav footer footer ...."']); + TestingUtils.testGridTemplateAreas('grid', '"...header header...." "nav main main main" "nav footer footer...."', ['". header header ." "nav main main main" "nav footer footer ."', '"...header header...." "nav main main main" "nav footer footer...."']); TestingUtils.testGridTemplateAreas('grid', '"title stats" "score stats" "board board" "ctrls ctrls"', '"title stats" "score stats" "board board" "ctrls ctrls"'); TestingUtils.testGridTemplateAreas('grid', '"title board" "stats board" "score ctrls"', '"title board" "stats board" "score ctrls"'); TestingUtils.testGridTemplateAreas('grid', '". a" "b a" ". a"', '". a" "b a" ". a"'); - TestingUtils.testGridTemplateAreas('grid', '".. a" "b a" "... a"', '". a" "b a" ". a"'); - TestingUtils.testGridTemplateAreas('grid', '"..a" "b a" ".a"', '". a" "b a" ". a"'); + TestingUtils.testGridTemplateAreas('grid', '".. a" "b a" "... a"', ['". a" "b a" ". a"', '".. a" "b a" "... a"']); + TestingUtils.testGridTemplateAreas('grid', '"..a" "b a" ".a"', ['". a" "b a" ". a"', '"..a" "b a" ".a"']); TestingUtils.testGridTemplateAreas('grid', '"a a a" "b b b"', '"a a a" "b b b"'); TestingUtils.testGridTemplateAreas('grid', '". ." "a a"', '". ." "a a"'); - TestingUtils.testGridTemplateAreas('grid', '"... ...." "a a"', '". ." "a a"'); + TestingUtils.testGridTemplateAreas('grid', '"... ...." "a a"', ['". ." "a a"', '"... ...." "a a"']); // Reset values. document.getElementById('grid').style.gridTemplateAreas = ''; @@ -78,7 +78,7 @@ TestingUtils.testGridTemplateAreas('grid', '"b a" "b b"', 'none'); TestingUtils.testGridTemplateAreas('grid', '"a b" "b a"', 'none'); TestingUtils.testGridTemplateAreas('grid', '"a ." ". a"', 'none'); - TestingUtils.testGridTemplateAreas('grid', '","', '","'); + TestingUtils.testGridTemplateAreas('grid', '","', 'none'); TestingUtils.testGridTemplateAreas('grid', '"10%"', 'none'); TestingUtils.testGridTemplateAreas('grid', '"USD$"', 'none'); ]]></script> diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/reference/support/testing-utils.js b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/reference/support/testing-utils.js index c4ceec3a805..202c865b15e 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/reference/support/testing-utils.js +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/reference/support/testing-utils.js @@ -18,11 +18,15 @@ var TestingUtils = (function() { }, "'" + gridId + "' with: grid-template-columns: " + columnsStyle + "; and grid-template-rows: " + rowsStyle + ";"); } + function checkGridTemplateAreas(element, value) { + assert_in_array(getComputedStyle(element).gridTemplateAreas, value, "gridTemplateAreas"); + } + function testGridTemplateAreas(gridId, style, value) { test(function() { var grid = document.getElementById(gridId); grid.style.gridTemplateAreas = style; - assert_equals(getComputedStyle(grid).gridTemplateAreas, value, "gridTemplateAreas"); + checkGridTemplateAreas(grid, value); }, "'" + gridId + "' with: grid-template-areas: " + style + ";"); } diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/reftest-toc.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/reftest-toc.xht index 3789b0d3085..4a4822a5580 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/reftest-toc.xht +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/reftest-toc.xht @@ -544,76 +544,76 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-001" class="ahem"> + <tbody id="grid-minimum-size-grid-items-001" class="ahem"> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-001.xht">grid-minimun-size-grid-items-001</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-001.xht">grid-minimum-size-grid-items-001</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-002" class=""> + <tbody id="grid-minimum-size-grid-items-002" class=""> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-002.xht">grid-minimun-size-grid-items-002</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-002.xht">grid-minimum-size-grid-items-002</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-003" class=""> + <tbody id="grid-minimum-size-grid-items-003" class=""> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-003.xht">grid-minimun-size-grid-items-003</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-003.xht">grid-minimum-size-grid-items-003</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-004" class=""> + <tbody id="grid-minimum-size-grid-items-004" class=""> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-004.xht">grid-minimun-size-grid-items-004</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-004.xht">grid-minimum-size-grid-items-004</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-005" class=""> + <tbody id="grid-minimum-size-grid-items-005" class="image"> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-005.xht">grid-minimun-size-grid-items-005</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-005.xht">grid-minimum-size-grid-items-005</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-006" class=""> + <tbody id="grid-minimum-size-grid-items-006" class="image"> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-006.xht">grid-minimun-size-grid-items-006</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-006.xht">grid-minimum-size-grid-items-006</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-007" class=""> + <tbody id="grid-minimum-size-grid-items-007" class="image"> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-007.xht">grid-minimun-size-grid-items-007</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-007.xht">grid-minimum-size-grid-items-007</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-008" class=""> + <tbody id="grid-minimum-size-grid-items-008" class="image"> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-008.xht">grid-minimun-size-grid-items-008</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-008.xht">grid-minimum-size-grid-items-008</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-009" class=""> + <tbody id="grid-minimum-size-grid-items-009" class="image"> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-009.xht">grid-minimun-size-grid-items-009</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-009.xht">grid-minimum-size-grid-items-009</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> <tbody id="grid-multicol-001" class=""> diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/reftest.list b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/reftest.list index 70a68b699f9..e609f486ecd 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/reftest.list +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/reftest.list @@ -64,15 +64,15 @@ grid-layout-repeat-notation.xht == reference/grid-layout-repeat-notation-ref.xht grid-layout-z-order-a.xht == reference/grid-layout-z-order-ref.xht grid-layout-z-order-b.xht == reference/grid-layout-z-order-ref.xht grid-margins-no-collapse-001.xht == reference/grid-text-green-margin-no-collapse-ref.xht -grid-minimun-size-grid-items-001.xht == reference/ref-filled-green-100px-square.xht -grid-minimun-size-grid-items-002.xht == reference/ref-filled-green-100px-square.xht -grid-minimun-size-grid-items-003.xht == reference/ref-filled-green-100px-square.xht -grid-minimun-size-grid-items-004.xht == reference/ref-filled-green-100px-square.xht -grid-minimun-size-grid-items-005.xht == reference/ref-filled-green-100px-square.xht -grid-minimun-size-grid-items-006.xht == reference/ref-filled-green-100px-square.xht -grid-minimun-size-grid-items-007.xht == reference/ref-filled-green-100px-square.xht -grid-minimun-size-grid-items-008.xht == reference/ref-filled-green-100px-square.xht -grid-minimun-size-grid-items-009.xht == reference/ref-filled-green-100px-square.xht +grid-minimum-size-grid-items-001.xht == reference/ref-filled-green-100px-square.xht +grid-minimum-size-grid-items-002.xht == reference/ref-filled-green-100px-square.xht +grid-minimum-size-grid-items-003.xht == reference/ref-filled-green-100px-square.xht +grid-minimum-size-grid-items-004.xht == reference/ref-filled-green-100px-square.xht +grid-minimum-size-grid-items-005.xht == reference/ref-filled-green-100px-square.xht +grid-minimum-size-grid-items-006.xht == reference/ref-filled-green-100px-square.xht +grid-minimum-size-grid-items-007.xht == reference/ref-filled-green-100px-square.xht +grid-minimum-size-grid-items-008.xht == reference/ref-filled-green-100px-square.xht +grid-minimum-size-grid-items-009.xht == reference/ref-filled-green-100px-square.xht grid-multicol-001.xht == reference/ref-filled-green-100px-square.xht grid-order-property-auto-placement-001.xht == reference/grid-2x2-blue-yellow-lime-magenta.xht grid-order-property-auto-placement-002.xht == reference/grid-2x2-blue-yellow-lime-magenta.xht diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/support/testing-utils.js b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/support/testing-utils.js index c4ceec3a805..202c865b15e 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/support/testing-utils.js +++ b/tests/wpt/css-tests/css-grid-1_dev/xhtml1print/support/testing-utils.js @@ -18,11 +18,15 @@ var TestingUtils = (function() { }, "'" + gridId + "' with: grid-template-columns: " + columnsStyle + "; and grid-template-rows: " + rowsStyle + ";"); } + function checkGridTemplateAreas(element, value) { + assert_in_array(getComputedStyle(element).gridTemplateAreas, value, "gridTemplateAreas"); + } + function testGridTemplateAreas(gridId, style, value) { test(function() { var grid = document.getElementById(gridId); grid.style.gridTemplateAreas = style; - assert_equals(getComputedStyle(grid).gridTemplateAreas, value, "gridTemplateAreas"); + checkGridTemplateAreas(grid, value); }, "'" + gridId + "' with: grid-template-areas: " + style + ";"); } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/full-width-horizontal-notref.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/full-width-horizontal-notref.htm index 80f3a878338..608f17837f1 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/reference/full-width-horizontal-notref.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/full-width-horizontal-notref.htm @@ -3,19 +3,14 @@ <meta charset="utf-8"> <title>CSS Test Reference</title> <link href="http://google.com/+MasatakaYakura" rel="author" title="Masataka Yakura"> -<style> -.tcu-all { - text-combine-upright: all; -} -</style> </head> <body> <p>Test passes if the following paragraphs are identical:</p> <div> - <p>６月<span class="tcu-all">19</span>日</p> - <p>６月<span class="tcu-all">19</span>日</p> + <p>６月19日</p> + <p>６月19日</p> </div> diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/support/form-controls-slr.png b/tests/wpt/css-tests/css-text-3_dev/html/reference/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/support/form-controls-srl.png b/tests/wpt/css-tests/css-text-3_dev/html/reference/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/support/form-controls-vlr.png b/tests/wpt/css-tests/css-text-3_dev/html/reference/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css-text-3_dev/html/support/form-controls-slr.png b/tests/wpt/css-tests/css-text-3_dev/html/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css-text-3_dev/html/support/form-controls-srl.png b/tests/wpt/css-tests/css-text-3_dev/html/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css-text-3_dev/html/support/form-controls-vlr.png b/tests/wpt/css-tests/css-text-3_dev/html/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css-text-3_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-text-3_dev/implementation-report-TEMPLATE.data index 7d85bdfc727..0542e59be23 100644 --- a/tests/wpt/css-tests/css-text-3_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/css-text-3_dev/implementation-report-TEMPLATE.data @@ -1129,10 +1129,10 @@ html/css3-text-line-break-opclns-268.htm 82c31bafaec3a5cb4f8b668d6ec3940449f32c2 xhtml1/css3-text-line-break-opclns-268.xht 82c31bafaec3a5cb4f8b668d6ec3940449f32c21 ? html/css3-text-line-break-opclns-269.htm f598089f05a90c726f621577541bab8532dd7b52 ? xhtml1/css3-text-line-break-opclns-269.xht f598089f05a90c726f621577541bab8532dd7b52 ? -html/full-width-002.htm d3899bb9aac8c47ec60d90d6ece293c343e3d978 ? -xhtml1/full-width-002.xht d3899bb9aac8c47ec60d90d6ece293c343e3d978 ? -html/full-width-003.htm f6deaece33b7947dfe97c6514dab6a11d4718efa ? -xhtml1/full-width-003.xht f6deaece33b7947dfe97c6514dab6a11d4718efa ? +html/full-width-002.htm 278f5bab05df634ec6d6f57f8ee0357906367eaa ? +xhtml1/full-width-002.xht 278f5bab05df634ec6d6f57f8ee0357906367eaa ? +html/full-width-003.htm 743911d25fbd1f8dab1eaca4460682cb5a899307 ? +xhtml1/full-width-003.xht 743911d25fbd1f8dab1eaca4460682cb5a899307 ? html/hanging-punctuation-allow-end-001.htm f64dd2497338e856daf7d7cb3a84dfd3ebf5c948 ? xhtml1/hanging-punctuation-allow-end-001.xht f64dd2497338e856daf7d7cb3a84dfd3ebf5c948 ? html/hanging-punctuation-first-001.htm 5bee9960854e4c3c5e3b50acf25a0977fdf4952a ? diff --git a/tests/wpt/css-tests/css-text-3_dev/testinfo.data b/tests/wpt/css-tests/css-text-3_dev/testinfo.data index ea8164d1afa..7c7ff68447a 100644 --- a/tests/wpt/css-tests/css-text-3_dev/testinfo.data +++ b/tests/wpt/css-tests/css-text-3_dev/testinfo.data @@ -562,8 +562,8 @@ css3-text-line-break-opclns-266 reference/css3-text-line-break-opclns-266-ref CS css3-text-line-break-opclns-267 reference/css3-text-line-break-opclns-267-ref CSS3 Text, linebreaks: 30E5 KATAKANA LETTER SMALL YU font https://drafts.csswg.org/css-text-3/#line-breaking b8a5e9ef653da701f28c8376ce95a60e1b2e7c78 `Richard Ishida`<mailto:ishida@w3.org> The browser will not allow the small kana character 30E5 KATAKANA LETTER SMALL YU (which has the NS Non-Starter property) at the beginning of a line. css3-text-line-break-opclns-268 reference/css3-text-line-break-opclns-268-ref CSS3 Text, linebreaks: 30E7 KATAKANA LETTER SMALL YO font https://drafts.csswg.org/css-text-3/#line-breaking 82c31bafaec3a5cb4f8b668d6ec3940449f32c21 `Richard Ishida`<mailto:ishida@w3.org> The browser will not allow the small kana character 30E7 KATAKANA LETTER SMALL YO (which has the NS Non-Starter property) at the beginning of a line. css3-text-line-break-opclns-269 reference/css3-text-line-break-opclns-269-ref CSS3 Text, linebreaks: 30EE KATAKANA LETTER SMALL WA font https://drafts.csswg.org/css-text-3/#line-breaking f598089f05a90c726f621577541bab8532dd7b52 `Richard Ishida`<mailto:ishida@w3.org> The browser will not allow the small kana character 30EE KATAKANA LETTER SMALL WA (which has the NS Non-Starter property) at the beginning of a line. -full-width-002 reference/full-width-ref,!reference/full-width-notcu-notref,!reference/full-width-horizontal-notref CSS Writing Modes: text-combine-upright on full-width characters http://www.w3.org/TR/css-writing-modes-3/#text-combine-fullwidth,http://www.w3.org/TR/css-text-3/#full-width d3899bb9aac8c47ec60d90d6ece293c343e3d978 `Masataka Yakura`<http://google.com/+MasatakaYakura> When two or more full-width characters are combined, they are first converted to non-full-width characters. -full-width-003 reference/full-width-ref,!reference/full-width-notcu-notref,!reference/full-width-horizontal-notref CSS Writing Modes: text-combine-upright on full-width characters http://www.w3.org/TR/css-writing-modes-3/#text-combine-fullwidth,http://www.w3.org/TR/css-text-3/#full-width f6deaece33b7947dfe97c6514dab6a11d4718efa `Masataka Yakura`<http://google.com/+MasatakaYakura> When two or more full-width characters are combined, they are first converted to non-full-width characters. +full-width-002 reference/full-width-ref,!reference/full-width-notcu-notref,!reference/full-width-horizontal-notref CSS Writing Modes: text-combine-upright on full-width characters http://www.w3.org/TR/css-writing-modes-3/#text-combine-fullwidth,http://www.w3.org/TR/css-text-3/#full-width 278f5bab05df634ec6d6f57f8ee0357906367eaa `Masataka Yakura`<http://google.com/+MasatakaYakura> When two or more full-width characters are combined, they are first converted to non-full-width characters. +full-width-003 reference/full-width-ref,!reference/full-width-notcu-notref,!reference/full-width-horizontal-notref CSS Writing Modes: text-combine-upright on full-width characters http://www.w3.org/TR/css-writing-modes-3/#text-combine-fullwidth,http://www.w3.org/TR/css-text-3/#full-width 743911d25fbd1f8dab1eaca4460682cb5a899307 `Masataka Yakura`<http://google.com/+MasatakaYakura> When two or more full-width characters are combined, they are first converted to non-full-width characters. hanging-punctuation-allow-end-001 reference/hanging-punctuation-allow-end-001-ref hanging-punctuation - allow-end - basic cases font http://www.w3.org/TR/css-text-3/#hanging-punctuation f64dd2497338e856daf7d7cb3a84dfd3ebf5c948 `Satoshi Umehara`<mailto:umehara@est.co.jp> This property determines whether a punctuation mark, if one is present, may be placed outside the line box (or in the indent) at the start or at the end of a full line of text. hanging-punctuation-first-001 reference/hanging-punctuation-first-001-ref hanging-punctuation - first - basic cases font http://www.w3.org/TR/css-text-3/#hanging-punctuation 5bee9960854e4c3c5e3b50acf25a0977fdf4952a `Satoshi Umehara`<mailto:umehara@est.co.jp> This property determines whether a punctuation mark, if one is present, may be placed outside the line box (or in the indent) at the start or at the end of a full line of text. hanging-punctuation-force-end-001 reference/hanging-punctuation-force-end-001-ref hanging-punctuation - force-end - basic cases font http://www.w3.org/TR/css-text-3/#hanging-punctuation d2e8c955987d49cad1abf22c9a61e5c977eb1d81 `Satoshi Umehara`<mailto:umehara@est.co.jp> This property determines whether a punctuation mark, if one is present, may be placed outside the line box (or in the indent) at the start or at the end of a full line of text. diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/full-width-horizontal-notref.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/full-width-horizontal-notref.xht index a03d8b8e5e7..917e3ed141e 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/full-width-horizontal-notref.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/full-width-horizontal-notref.xht @@ -3,19 +3,14 @@ <meta charset="utf-8" /> <title>CSS Test Reference</title> <link href="http://google.com/+MasatakaYakura" rel="author" title="Masataka Yakura" /> -<style> -.tcu-all { - text-combine-upright: all; -} -</style> </head> <body> <p>Test passes if the following paragraphs are identical:</p> <div> - <p>６月<span class="tcu-all">19</span>日</p> - <p>６月<span class="tcu-all">19</span>日</p> + <p>６月19日</p> + <p>６月19日</p> </div> diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/form-controls-slr.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/form-controls-srl.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/form-controls-vlr.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/form-controls-slr.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/form-controls-srl.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/form-controls-vlr.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/full-width-horizontal-notref.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/full-width-horizontal-notref.xht index a03d8b8e5e7..917e3ed141e 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/full-width-horizontal-notref.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/full-width-horizontal-notref.xht @@ -3,19 +3,14 @@ <meta charset="utf-8" /> <title>CSS Test Reference</title> <link href="http://google.com/+MasatakaYakura" rel="author" title="Masataka Yakura" /> -<style> -.tcu-all { - text-combine-upright: all; -} -</style> </head> <body> <p>Test passes if the following paragraphs are identical:</p> <div> - <p>６月<span class="tcu-all">19</span>日</p> - <p>６月<span class="tcu-all">19</span>日</p> + <p>６月19日</p> + <p>６月19日</p> </div> diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/form-controls-slr.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/form-controls-srl.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/form-controls-vlr.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/form-controls-slr.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/form-controls-srl.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/form-controls-vlr.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/form-controls-slr.png b/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/form-controls-srl.png b/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/form-controls-vlr.png b/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/html/support/form-controls-slr.png b/tests/wpt/css-tests/css-text-decor-3_dev/html/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css-text-decor-3_dev/html/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/html/support/form-controls-srl.png b/tests/wpt/css-tests/css-text-decor-3_dev/html/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css-text-decor-3_dev/html/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/html/support/form-controls-vlr.png b/tests/wpt/css-tests/css-text-decor-3_dev/html/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css-text-decor-3_dev/html/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/form-controls-slr.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/form-controls-srl.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/form-controls-vlr.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/form-controls-slr.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/form-controls-srl.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/form-controls-vlr.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/form-controls-slr.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/form-controls-srl.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/form-controls-vlr.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/form-controls-slr.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/form-controls-srl.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/form-controls-vlr.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-001.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-001.htm deleted file mode 100644 index 9628ce9b170..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-001.htm +++ /dev/null @@ -1,61 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: horizontal-tb - block flow direction of block-level boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - <link rel="match" href="reference/block-flow-direction-001-ref.htm"> - - <meta content="ahem" name="flags"> - <meta content="This test checks that block-level boxes in a 'horizontal-tb' writing mode are laid out one after the other, vertically, with the first beginning at the top of a containing block; they are ordered from top to bottom meaning that the 1st block box is the topmost one, then the 2nd block is juxtaposed at its bottom, then the 3rd block is juxtaposed to the 2nd block at its bottom, etc..." name="assert"> - - <style type="text/css"> - html { writing-mode: horizontal-tb; } - /* - " - The principal writing mode of the document is determined by the writing-mode - and direction values specified on the root element. - " - */ - - body - { - color: yellow; - font: 20px/1 Ahem; - width: 21em; - } - - div - { - background-color: blue; - border-left: blue solid 1em; - border-right: blue solid 1em; - } - - div#top-border { border-top: blue solid 1em; } - - div#bottom-border { border-bottom: blue solid 1em; } - </style> - </head> - - <body> - - <!-- topmost line --><div id="top-border">AAAA BBBB CCCC DDDD</div> - - <!-- 2nd topmost line --><div>E F G H J L </div> - - <!-- 3rd topmost line --><div>M N Q R S T </div> - - <!-- 4th topmost line --><div>UUUU VVVV WWWW XXXX</div> - - <!-- 5th topmost line --><div>Z a b c d</div> - - <!-- 6th topmost line --><div>e f g h j</div> - - <!-- 7th topmost line --><div id="bottom-border">k m n qqqq rrrr</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-htb-001.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-htb-001.htm new file mode 100644 index 00000000000..09dc086491f --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-htb-001.htm @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: horizontal-tb - block flow direction of block-level boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that block-level boxes in a 'horizontal-tb' writing mode are laid out one after the other, vertically, with the first beginning at the top of a containing block; they are ordered from top to bottom meaning that the 1st block box is the topmost one, then the 2nd block is juxtaposed at its bottom, then the 3rd block is juxtaposed to the 2nd block at its bottom, etc..." name="assert"> + + <style type="text/css"> + html + { + writing-mode: horizontal-tb; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + width: 21em; + } + + div + { + background-color: blue; + border-left: blue solid 1em; + border-right: blue solid 1em; + } + + div#top-border + { + border-top: blue solid 1em; + } + + div#bottom-border + { + border-bottom: blue solid 1em; + } + </style> + </head> + + <body> + + <!-- topmost line --><div id="top-border">AAAA BBBB CCCC DDDD</div> + + <!-- 2nd topmost line --><div>E F G H J L </div> + + <!-- 3rd topmost line --><div>M N Q R S T </div> + + <!-- 4th topmost line --><div>UUUU VVVV WWWW XXXX</div> + + <!-- 5th topmost line --><div>Z a b c d</div> + + <!-- 6th topmost line --><div>e f g h j</div> + + <!-- 7th topmost line --><div id="bottom-border">k m n qqqq rrrr</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-043.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-043.htm index 575453ab112..575453ab112 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-043.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-043.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-047.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-047.htm index a4f7a899a68..a4f7a899a68 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-047.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-047.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-048.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-048.htm index 5e2c1ea5261..5e2c1ea5261 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-048.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-048.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-050.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-050.htm index 2ac710f83c1..2ac710f83c1 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-050.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-050.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-054.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-054.htm index 23a5b6698f7..23a5b6698f7 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-054.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-054.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-055.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-055.htm index cb3b5c46b63..cb3b5c46b63 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-055.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-055.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-056.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-056.htm index cf4c07e2889..cf4c07e2889 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-056.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-056.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-058.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-058.htm index 79f49349075..79f49349075 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-058.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-058.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-060.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-060.htm index 7e2f4642095..7e2f4642095 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-060.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-060.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-062.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-062.htm index d9ec4c616bd..d9ec4c616bd 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-062.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-062.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-063.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-063.htm index f7f705fbbdb..f7f705fbbdb 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-063.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-063.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-066.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-066.htm index 6f7bab2fd69..6f7bab2fd69 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-066.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-066.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-042.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-042.htm index 45d70954f5a..45d70954f5a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-042.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-042.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-045.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-045.htm index 56b231a3eac..56b231a3eac 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-045.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-045.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-046.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-046.htm index 4f30cfc0828..4f30cfc0828 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-046.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-046.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-049.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-049.htm index c1d2690d804..c1d2690d804 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-049.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-049.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-051.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-051.htm index 9c53d52a5dd..9c53d52a5dd 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-051.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-051.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-052.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-052.htm index abe1ac7f5e3..abe1ac7f5e3 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-052.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-052.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-053.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-053.htm index 705ed7dd76b..705ed7dd76b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-053.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-053.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-057.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-057.htm index 85e5500c9fd..85e5500c9fd 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-057.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-057.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-059.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-059.htm index b99ec256713..b99ec256713 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-059.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-059.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-061.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-061.htm index 6eeb81bd1cd..6eeb81bd1cd 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-061.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-061.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-064.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-064.htm index 4b7e8f44829..4b7e8f44829 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-064.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-064.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-065.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-065.htm index d14aaab5326..d14aaab5326 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-065.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-065.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-003.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-003.htm index 2fe1367e157..2fe1367e157 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-003.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-003.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-007.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-007.htm index f45e71d7c67..f45e71d7c67 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-007.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-007.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-008.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-008.htm index cbb55384c16..cbb55384c16 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-008.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-008.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-010.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-010.htm index 2a2cd35d393..2a2cd35d393 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-010.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-010.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-014.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-014.htm index b75ce9c722c..b75ce9c722c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-014.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-014.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-015.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-015.htm index 174f564cb33..174f564cb33 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-015.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-015.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-016.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-016.htm index f5a1f43c351..f5a1f43c351 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-016.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-016.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-018.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-018.htm index 335a4b55c4e..335a4b55c4e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-018.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-018.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-020.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-020.htm index e0676957d04..e0676957d04 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-020.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-020.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-022.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-022.htm index 0122e01764a..0122e01764a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-022.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-022.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-023.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-023.htm index 1f0b0edeea4..1f0b0edeea4 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-023.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-023.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-002.htm index 20a6689be57..20a6689be57 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-002.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-002.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-005.htm index 47741b67fc2..47741b67fc2 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-005.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-005.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-006.htm index dbf49fe4805..dbf49fe4805 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-006.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-006.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-009.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-009.htm index ee3801605b4..ee3801605b4 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-009.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-009.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-011.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-011.htm index ae20098b2ac..ae20098b2ac 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-011.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-011.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-012.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-012.htm index 0681a63ab42..0681a63ab42 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-012.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-012.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-013.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-013.htm index 4aa828ce342..4aa828ce342 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-013.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-013.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-017.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-017.htm index 492c940ec9e..492c940ec9e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-017.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-017.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-019.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-019.htm index d15da67116d..d15da67116d 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-019.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-019.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-021.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-021.htm index 1fae0a8dc8a..1fae0a8dc8a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-021.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-021.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-024.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-024.htm index ecdfe4eceae..ecdfe4eceae 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-024.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-024.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-025.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-025.htm index a0639e2fd4b..a0639e2fd4b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-025.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-025.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-2.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-2.htm index 999193872a3..a445739f4db 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-2.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-2.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Inline Direction and Bidirectionality (173 tests)</h2> + <h2>Inline Direction and Bidirectionality (177 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -1102,7 +1102,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s2.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#direction">2.1 Specifying Directionality: the direction property</a></th></tr> - <!-- 30 tests --> + <!-- 34 tests --> <tr id="direction-001-2.1" class="primary"> <td><strong> <a href="direction-001.htm">direction-001</a></strong></td> @@ -1345,6 +1345,50 @@ </ul> </td> </tr> + <tr id="table-progression-slr-001-2.1" class=""> + <td> + <a href="table-progression-slr-001.htm">table-progression-slr-001</a></td> + <td><a href="reference/table-progression-slr-001-ref.htm">=</a> </td> + <td></td> + <td>sideways-lr Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that sideways-lr tables order rows/rowgroups left to right and cells bottom-to-top (LTR) or top-to-bottom (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-slr-002-2.1" class=""> + <td> + <a href="table-progression-slr-002.htm">table-progression-slr-002</a></td> + <td><a href="reference/table-progression-002-ref.htm">=</a> </td> + <td></td> + <td>sideways-lr Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that sideways-lr tables order columns bottom-to-top (LTR) or top-to-bottom (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-srl-001-2.1" class=""> + <td> + <a href="table-progression-srl-001.htm">table-progression-srl-001</a></td> + <td><a href="reference/table-progression-001-ref.htm">=</a> </td> + <td></td> + <td>sideways-rl Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that sideways-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-srl-002-2.1" class=""> + <td> + <a href="table-progression-srl-002.htm">table-progression-srl-002</a></td> + <td><a href="reference/table-progression-002-ref.htm">=</a> </td> + <td></td> + <td>sideways-rl Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that sideways-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + </ul> + </td> + </tr> <tr id="table-progression-vlr-001-2.1" class=""> <td> <a href="table-progression-vlr-001.htm">table-progression-vlr-001</a></td> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-3.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-3.htm index 1f2a3f7a5bb..f37d0421a61 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-3.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-3.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Introduction to Vertical Text (113 tests)</h2> + <h2>Introduction to Vertical Text (147 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -40,10 +40,21 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s3.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode">3.1 Block Flow Direction: the writing-mode property</a></th></tr> - <!-- 98 tests --> - <tr id="block-flow-direction-001-3.1" class="primary ahem"> + <!-- 132 tests --> + <tr id="block-flow-direction-004-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-001.htm">block-flow-direction-001</a></strong></td> + <a href="block-flow-direction-004.htm">block-flow-direction-004</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'writing-mode' - initial value is 'horizontal-tb' + <ul class="assert"> + <li>This test checks that the default, initial value of writing-mode is 'horizontal-tb'.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-htb-001-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-htb-001.htm">block-flow-direction-htb-001</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>horizontal-tb - block flow direction of block-level boxes @@ -52,531 +63,520 @@ </ul> </td> </tr> - <tr id="block-flow-direction-002-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-043-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-002.htm">block-flow-direction-002</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <a href="block-flow-direction-slr-043.htm">block-flow-direction-slr-043</a></strong></td> + <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - block flow direction of block-level boxes + <td>sideways-lr - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-003-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-047-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-003.htm">block-flow-direction-003</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <a href="block-flow-direction-slr-047.htm">block-flow-direction-slr-047</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-lr - block flow direction of block-level boxes + <td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> + <li>This test checks that a right-floated box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-004-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-048-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-004.htm">block-flow-direction-004</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <a href="block-flow-direction-slr-048.htm">block-flow-direction-slr-048</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'writing-mode' - initial value is 'horizontal-tb' + <td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that the default, initial value of writing-mode is 'horizontal-tb'.</li> + <li>This test checks that right-floated boxes with 'writing-mode' set to 'sideways-lr' establish block formating contexts with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-005-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-050-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-005.htm">block-flow-direction-005</a></strong></td> + <a href="block-flow-direction-slr-050.htm">block-flow-direction-slr-050</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: left' and 'vertical-rl' - block flow direction of block-level boxes + <td>position absolute and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a left-floated box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-006-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-054-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-006.htm">block-flow-direction-006</a></strong></td> + <a href="block-flow-direction-slr-054.htm">block-flow-direction-slr-054</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: left' and 'vertical-rl' - block flow direction of block-level boxes + <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that left-floated boxes with 'writing-mode' set to 'vertical-rl' establish block formating contexts with a right-to-left block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-007-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-055-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-007.htm">block-flow-direction-007</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <a href="block-flow-direction-slr-055.htm">block-flow-direction-slr-055</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: right' and 'vertical-lr' - block flow direction of block-level boxes + <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a right-floated box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-008-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-056-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-008.htm">block-flow-direction-008</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <a href="block-flow-direction-slr-056.htm">block-flow-direction-slr-056</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: right' and 'vertical-lr' - block flow direction of block-level boxes + <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that right-floated boxes with 'writing-mode' set to 'vertical-lr' establish block formating contexts with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-009-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-058-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-009.htm">block-flow-direction-009</a></strong></td> + <a href="block-flow-direction-slr-058.htm">block-flow-direction-slr-058</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>position absolute and 'vertical-rl' - block flow direction of block-level boxes + <td>table-cell and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that a table-cell with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-010-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-060-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-010.htm">block-flow-direction-010</a></strong></td> + <a href="block-flow-direction-slr-060.htm">block-flow-direction-slr-060</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>position absolute and 'vertical-lr' - block flow direction of block-level boxes + <td>table-caption and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that a table-caption with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-011-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-062-3.1" class="primary ahem image"> <td><strong> - <a href="block-flow-direction-011.htm">block-flow-direction-011</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-rl' - block flow direction of block-level boxes + <a href="block-flow-direction-slr-062.htm">block-flow-direction-slr-062</a></strong></td> + <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>list and sideways-lr - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-012-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-063-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-012.htm">block-flow-direction-012</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <a href="block-flow-direction-slr-063.htm">block-flow-direction-slr-063</a></strong></td> + <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-rl' - block flow direction of block-level boxes + <td>sideways-lr - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-013-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-066-3.1" class="primary image"> <td><strong> - <a href="block-flow-direction-013.htm">block-flow-direction-013</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-rl' - block flow direction of block-level boxes + <a href="block-flow-direction-slr-066.htm">block-flow-direction-slr-066</a></strong></td> + <td><a href="reference/block-flow-direction-066-ref.htm">=</a> </td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>writing mode (sideways-lr) of document - horizontal position of first block <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that, when 'writing-mode' value of the root element is set to 'sideways-lr', then its block boxes are laid out rightwardedly (from left to right) one after the other beginning at its lefthand side. Also, the inline flow direction is 'topwardedly', that is inline boxes in the line box flow from the bottom toward the top; inline boxes are laid out vertically, one after the other, starting at the physical bottom side of its containing block.</li> </ul> </td> </tr> - <tr id="block-flow-direction-014-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-042-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-014.htm">block-flow-direction-014</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <a href="block-flow-direction-srl-042.htm">block-flow-direction-srl-042</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-lr' - block flow direction of block-level boxes + <td>sideways-rl - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-015-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-045-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-015.htm">block-flow-direction-015</a></strong></td> + <a href="block-flow-direction-srl-045.htm">block-flow-direction-srl-045</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-lr' - block flow direction of block-level boxes + <td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that a left-floated box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-016-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-046-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-016.htm">block-flow-direction-016</a></strong></td> + <a href="block-flow-direction-srl-046.htm">block-flow-direction-srl-046</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-lr' - block flow direction of block-level boxes + <td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that left-floated boxes with 'writing-mode' set to 'sideways-rl' establish block formating contexts with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-017-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-049-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-017.htm">block-flow-direction-017</a></strong></td> + <a href="block-flow-direction-srl-049.htm">block-flow-direction-srl-049</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-cell and 'vertical-rl' - block flow direction of block-level boxes + <td>position absolute and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-cell with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-018-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-051-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-018.htm">block-flow-direction-018</a></strong></td> + <a href="block-flow-direction-srl-051.htm">block-flow-direction-srl-051</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-cell and 'vertical-lr' - block flow direction of block-level boxes + <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-cell with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-019-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-052-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-019.htm">block-flow-direction-019</a></strong></td> + <a href="block-flow-direction-srl-052.htm">block-flow-direction-srl-052</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-caption and 'vertical-rl' - block flow direction of block-level boxes + <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-caption with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-020-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-053-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-020.htm">block-flow-direction-020</a></strong></td> + <a href="block-flow-direction-srl-053.htm">block-flow-direction-srl-053</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-caption and 'vertical-lr' - block flow direction of block-level boxes + <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-caption with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-021-3.1" class="primary ahem image"> + <tr id="block-flow-direction-srl-057-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-021.htm">block-flow-direction-021</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>list and vertical-rl - block flow direction of block-level boxes + <a href="block-flow-direction-srl-057.htm">block-flow-direction-srl-057</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-cell and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...</li> + <li>This test checks that a table-cell with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-022-3.1" class="primary ahem image"> + <tr id="block-flow-direction-srl-059-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-022.htm">block-flow-direction-022</a></strong></td> + <a href="block-flow-direction-srl-059.htm">block-flow-direction-srl-059</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>list and vertical-lr - block flow direction of block-level boxes + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-caption and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...</li> + <li>This test checks that a table-caption with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-023-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-061-3.1" class="primary ahem image"> <td><strong> - <a href="block-flow-direction-023.htm">block-flow-direction-023</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-lr - block flow direction of block-level boxes + <a href="block-flow-direction-srl-061.htm">block-flow-direction-srl-061</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>list and sideways-rl - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-024-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-064-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-024.htm">block-flow-direction-024</a></strong></td> + <a href="block-flow-direction-srl-064.htm">block-flow-direction-srl-064</a></strong></td> <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - block flow direction of block-level boxes + <td>sideways-rl - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-025-3.1" class="primary image"> + <tr id="block-flow-direction-srl-065-3.1" class="primary image"> <td><strong> - <a href="block-flow-direction-025.htm">block-flow-direction-025</a></strong></td> + <a href="block-flow-direction-srl-065.htm">block-flow-direction-srl-065</a></strong></td> <td><a href="reference/block-flow-direction-025-ref.htm">=</a> </td> <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>writing mode of document - horizontal position of first block + <td>writing mode (sideways-rl) of document - horizontal position of first block <ul class="assert"> - <li>This test checks that, when 'writing-mode' value of the root element is set to 'vertical-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side.</li> + <li>This test checks that, when 'writing-mode' value of the root element is set to 'sideways-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side. Also, the inline flow direction is 'bottomwardedly', that is inline boxes in the line box flow from the top toward the bottom; inline boxes are laid out vertically, one after the other, starting at the physical top side of its containing block.</li> </ul> </td> </tr> - <tr id="block-flow-direction-042-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-003-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-042.htm">block-flow-direction-042</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <a href="block-flow-direction-vlr-003.htm">block-flow-direction-vlr-003</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>sideways-rl - block flow direction of block-level boxes + <td>vertical-lr - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-043-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-007-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-043.htm">block-flow-direction-043</a></strong></td> - <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td> + <a href="block-flow-direction-vlr-007.htm">block-flow-direction-vlr-007</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>sideways-lr - block flow direction of block-level boxes + <td>'float: right' and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> + <li>This test checks that a right-floated box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-045-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-008-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-045.htm">block-flow-direction-045</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <a href="block-flow-direction-vlr-008.htm">block-flow-direction-vlr-008</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes + <td>'float: right' and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a left-floated box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that right-floated boxes with 'writing-mode' set to 'vertical-lr' establish block formating contexts with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-046-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-010-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-046.htm">block-flow-direction-046</a></strong></td> + <a href="block-flow-direction-vlr-010.htm">block-flow-direction-vlr-010</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes + <td>position absolute and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that left-floated boxes with 'writing-mode' set to 'sideways-rl' establish block formating contexts with a right-to-left block flow direction.</li> + <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-047-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-014-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-047.htm">block-flow-direction-047</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <a href="block-flow-direction-vlr-014.htm">block-flow-direction-vlr-014</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes + <td>inline-block and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a right-floated box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-048-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-015-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-048.htm">block-flow-direction-048</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <a href="block-flow-direction-vlr-015.htm">block-flow-direction-vlr-015</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes + <td>inline-block and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that right-floated boxes with 'writing-mode' set to 'sideways-lr' establish block formating contexts with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-049-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-016-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-049.htm">block-flow-direction-049</a></strong></td> + <a href="block-flow-direction-vlr-016.htm">block-flow-direction-vlr-016</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>position absolute and 'sideways-rl' - block flow direction of block-level boxes + <td>inline-block and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-050-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-018-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-050.htm">block-flow-direction-050</a></strong></td> + <a href="block-flow-direction-vlr-018.htm">block-flow-direction-vlr-018</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>position absolute and 'sideways-lr' - block flow direction of block-level boxes + <td>table-cell and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that a table-cell with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-051-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-020-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-051.htm">block-flow-direction-051</a></strong></td> + <a href="block-flow-direction-vlr-020.htm">block-flow-direction-vlr-020</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes + <td>table-caption and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that a table-caption with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-052-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-022-3.1" class="primary ahem image"> <td><strong> - <a href="block-flow-direction-052.htm">block-flow-direction-052</a></strong></td> + <a href="block-flow-direction-vlr-022.htm">block-flow-direction-vlr-022</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>list and vertical-lr - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-053-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-023-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-053.htm">block-flow-direction-053</a></strong></td> + <a href="block-flow-direction-vlr-023.htm">block-flow-direction-vlr-023</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes + <td>vertical-lr - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-054-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-002-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-054.htm">block-flow-direction-054</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <a href="block-flow-direction-vrl-002.htm">block-flow-direction-vrl-002</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes + <td>vertical-rl - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-055-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-005-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-055.htm">block-flow-direction-055</a></strong></td> + <a href="block-flow-direction-vrl-005.htm">block-flow-direction-vrl-005</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes + <td>'float: left' and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that a left-floated box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-056-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-006-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-056.htm">block-flow-direction-056</a></strong></td> + <a href="block-flow-direction-vrl-006.htm">block-flow-direction-vrl-006</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes + <td>'float: left' and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that left-floated boxes with 'writing-mode' set to 'vertical-rl' establish block formating contexts with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-057-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-009-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-057.htm">block-flow-direction-057</a></strong></td> + <a href="block-flow-direction-vrl-009.htm">block-flow-direction-vrl-009</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-cell and 'sideways-rl' - block flow direction of block-level boxes + <td>position absolute and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-cell with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-058-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-011-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-058.htm">block-flow-direction-058</a></strong></td> + <a href="block-flow-direction-vrl-011.htm">block-flow-direction-vrl-011</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-cell and 'sideways-lr' - block flow direction of block-level boxes + <td>inline-block and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-cell with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-059-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-012-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-059.htm">block-flow-direction-059</a></strong></td> + <a href="block-flow-direction-vrl-012.htm">block-flow-direction-vrl-012</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-caption and 'sideways-rl' - block flow direction of block-level boxes + <td>inline-block and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-caption with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-060-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-013-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-060.htm">block-flow-direction-060</a></strong></td> + <a href="block-flow-direction-vrl-013.htm">block-flow-direction-vrl-013</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-caption and 'sideways-lr' - block flow direction of block-level boxes + <td>inline-block and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-caption with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-061-3.1" class="primary ahem image"> + <tr id="block-flow-direction-vrl-017-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-061.htm">block-flow-direction-061</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>list and sideways-rl - block flow direction of block-level boxes + <a href="block-flow-direction-vrl-017.htm">block-flow-direction-vrl-017</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-cell and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...</li> + <li>This test checks that a table-cell with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-062-3.1" class="primary ahem image"> + <tr id="block-flow-direction-vrl-019-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-062.htm">block-flow-direction-062</a></strong></td> - <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>list and sideways-lr - block flow direction of block-level boxes + <a href="block-flow-direction-vrl-019.htm">block-flow-direction-vrl-019</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-caption and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...</li> + <li>This test checks that a table-caption with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-063-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-021-3.1" class="primary ahem image"> <td><strong> - <a href="block-flow-direction-063.htm">block-flow-direction-063</a></strong></td> - <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>sideways-lr - block flow direction of block-level boxes + <a href="block-flow-direction-vrl-021.htm">block-flow-direction-vrl-021</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>list and vertical-rl - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-064-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-024-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-064.htm">block-flow-direction-064</a></strong></td> + <a href="block-flow-direction-vrl-024.htm">block-flow-direction-vrl-024</a></strong></td> <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>sideways-rl - block flow direction of block-level boxes + <td>vertical-rl - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-065-3.1" class="primary image"> + <tr id="block-flow-direction-vrl-025-3.1" class="primary image"> <td><strong> - <a href="block-flow-direction-065.htm">block-flow-direction-065</a></strong></td> + <a href="block-flow-direction-vrl-025.htm">block-flow-direction-vrl-025</a></strong></td> <td><a href="reference/block-flow-direction-025-ref.htm">=</a> </td> <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>writing mode (sideways-rl) of document - horizontal position of first block - <ul class="assert"> - <li>This test checks that, when 'writing-mode' value of the root element is set to 'sideways-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side. Also, the inline flow direction is 'bottomwardedly', that is inline boxes in the line box flow from the top toward the bottom; inline boxes are laid out vertically, one after the other, starting at the physical top side of its containing block.</li> - </ul> - </td> - </tr> - <tr id="block-flow-direction-066-3.1" class="primary image"> - <td><strong> - <a href="block-flow-direction-066.htm">block-flow-direction-066</a></strong></td> - <td><a href="reference/block-flow-direction-066-ref.htm">=</a> </td> - <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>writing mode (sideways-lr) of document - horizontal position of first block + <td>writing mode of document - horizontal position of first block <ul class="assert"> - <li>This test checks that, when 'writing-mode' value of the root element is set to 'sideways-lr', then its block boxes are laid out rightwardedly (from left to right) one after the other beginning at its lefthand side. Also, the inline flow direction is 'topwardedly', that is inline boxes in the line box flow from the bottom toward the top; inline boxes are laid out vertically, one after the other, starting at the physical bottom side of its containing block.</li> + <li>This test checks that, when 'writing-mode' value of the root element is set to 'vertical-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side.</li> </ul> </td> </tr> @@ -624,20 +624,97 @@ </ul> </td> </tr> - <tr id="form-controls-vert-rl-004-3.1" class="primary image should"> + <tr id="flexbox_align-items-stretch-writing-modes-3.1" class=""> + <td> + <a href="flexbox_align-items-stretch-writing-modes.htm">flexbox_align-items-stretch-writing-modes</a></td> + <td><a href="reference/flexbox_align-items-stretch-writing-modes-ref.htm">=</a> </td> + <td></td> + <td>Flexbox align-items: stretch with writing-mode vertical-lr and vertical-rl + <ul class="assert"> + <li>vertical-writing-mode flex items should stretch</li> + </ul> + </td> + </tr> + <tr id="form-controls-slr-004-3.1" class="primary image should"> + <td><strong> + <a href="form-controls-slr-004.htm">form-controls-slr-004</a></strong></td> + <td></td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> + <td>order, orientation and layout of form controls in 'sideways-lr' writing-mode + <ul class="assert"> + <li>This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'sideways-lr'.</li> + </ul> + </td> + </tr> + <tr id="form-controls-slr-005-3.1" class="primary should"> + <td><strong> + <a href="form-controls-slr-005.htm">form-controls-slr-005</a></strong></td> + <td></td> + <td><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> + <td>form controls in 'sideways-lr' writing-mode + <ul class="assert"> + <li>This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'sideways-lr' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from bottom to top, b) the glyphs must be rotated 90&deg; counter-clockwise and c) the block flow direction must be from left to right.</li> + </ul> + </td> + </tr> + <tr id="form-controls-srl-004-3.1" class="primary image should"> + <td><strong> + <a href="form-controls-srl-004.htm">form-controls-srl-004</a></strong></td> + <td></td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> + <td>order, orientation and layout of form controls in 'sideways-rl' writing-mode + <ul class="assert"> + <li>This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'sideways-rl'.</li> + </ul> + </td> + </tr> + <tr id="form-controls-srl-005-3.1" class="primary should"> + <td><strong> + <a href="form-controls-srl-005.htm">form-controls-srl-005</a></strong></td> + <td></td> + <td><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> + <td>form controls in 'sideways-rl' writing-mode + <ul class="assert"> + <li>This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'sideways-rl' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90&deg; clockwise and c) the block flow direction must be from right to left.</li> + </ul> + </td> + </tr> + <tr id="form-controls-vlr-004-3.1" class="primary image should"> + <td><strong> + <a href="form-controls-vlr-004.htm">form-controls-vlr-004</a></strong></td> + <td></td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> + <td>order, orientation and layout of form controls in 'vertical-lr' writing-mode + <ul class="assert"> + <li>This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'vertical-lr'.</li> + </ul> + </td> + </tr> + <tr id="form-controls-vlr-005-3.1" class="primary should"> <td><strong> - <a href="form-controls-vert-rl-004.htm">form-controls-vert-rl-004</a></strong></td> + <a href="form-controls-vlr-005.htm">form-controls-vlr-005</a></strong></td> + <td></td> + <td><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> + <td>form controls in 'vertical-lr' writing-mode + <ul class="assert"> + <li>This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'vertical-lr' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90&deg; clockwise and c) the block flow direction must be from left to right.</li> + </ul> + </td> + </tr> + <tr id="form-controls-vrl-004-3.1" class="primary image should"> + <td><strong> + <a href="form-controls-vrl-004.htm">form-controls-vrl-004</a></strong></td> <td></td> <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> <td>order, orientation and layout of form controls in 'vertical-rl' writing-mode <ul class="assert"> - <li>This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1.</li> + <li>This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'vertical-rl'.</li> </ul> </td> </tr> - <tr id="form-controls-vert-rl-005-3.1" class="primary should"> + <tr id="form-controls-vrl-005-3.1" class="primary should"> <td><strong> - <a href="form-controls-vert-rl-005.htm">form-controls-vert-rl-005</a></strong></td> + <a href="form-controls-vrl-005.htm">form-controls-vrl-005</a></strong></td> <td></td> <td><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> <td>form controls in 'vertical-rl' writing-mode @@ -668,9 +745,9 @@ </ul> </td> </tr> - <tr id="line-box-direction-001-3.1" class="primary ahem"> + <tr id="line-box-direction-htb-001-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-001.htm">line-box-direction-001</a></strong></td> + <a href="line-box-direction-htb-001.htm">line-box-direction-htb-001</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>horizontal-tb - ordering direction of line boxes @@ -679,53 +756,218 @@ </ul> </td> </tr> - <tr id="line-box-direction-002-3.1" class="primary ahem"> + <tr id="line-box-direction-slr-043-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-002.htm">line-box-direction-002</a></strong></td> + <a href="line-box-direction-slr-043.htm">line-box-direction-slr-043</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - ordering direction of line boxes + <td>sideways-lr - ordering direction of line boxes <ul class="assert"> - <li>This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...</li> + <li>This test checks that line boxes in a block box with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-slr-047-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-slr-047.htm">line-box-direction-slr-047</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'float: right' and 'sideways-lr' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the line boxes of a right-floated box with its 'writing-mode' set to 'sideways-lr' will be ordered from left to right.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-slr-048-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-slr-048.htm">line-box-direction-slr-048</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'float: right' and 'sideways-lr' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the line boxes of right-floated boxes with 'writing-mode' set to 'sideways-lr' will be ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-003-3.1" class="primary ahem"> + <tr id="line-box-direction-slr-050-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-003.htm">line-box-direction-003</a></strong></td> + <a href="line-box-direction-slr-050.htm">line-box-direction-slr-050</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-lr - ordering direction of line boxes + <td>position absolute and 'sideways-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...</li> + <li>This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' will be ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-005-3.1" class="primary ahem"> + <tr id="line-box-direction-slr-053-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-005.htm">line-box-direction-005</a></strong></td> + <a href="line-box-direction-slr-053.htm">line-box-direction-slr-053</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: left' and 'vertical-rl' - ordering direction of line boxes + <td>inline-block and 'sideways-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that the line boxes of a left-floated box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left.</li> + <li>This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'sideways-lr' are ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-006-3.1" class="primary ahem"> + <tr id="line-box-direction-slr-054-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-006.htm">line-box-direction-006</a></strong></td> + <a href="line-box-direction-slr-054.htm">line-box-direction-slr-054</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: left' and 'vertical-rl' - ordering direction of line boxes + <td>inline-block and 'sideways-lr' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'sideways-lr' are ordered from left to right.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-slr-056-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-slr-056.htm">line-box-direction-slr-056</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-cell and 'sideways-lr' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'sideways-lr' are ordered from left to right.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-slr-058-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-slr-058.htm">line-box-direction-slr-058</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-caption and 'sideways-lr' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'sideways-lr' are ordered from left to right.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-slr-060-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-slr-060.htm">line-box-direction-slr-060</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>list and 'sideways-lr' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that line boxes in a block box with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-042-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-042.htm">line-box-direction-srl-042</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>sideways-rl - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that line boxes of a block box in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-045-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-045.htm">line-box-direction-srl-045</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'float: left' and 'sideways-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the line boxes of a left-floated box with its 'writing-mode' set to 'sideways-rl' will be ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-046-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-046.htm">line-box-direction-srl-046</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'float: left' and 'sideways-rl' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'vertical-lr' will be ordered from right to left.</li> + <li>This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'sideways-rl' will be ordered from right to left.</li> </ul> </td> </tr> - <tr id="line-box-direction-007-3.1" class="primary ahem"> + <tr id="line-box-direction-srl-049-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-007.htm">line-box-direction-007</a></strong></td> + <a href="line-box-direction-srl-049.htm">line-box-direction-srl-049</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>position absolute and 'sideways-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' will be ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-051-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-051.htm">line-box-direction-srl-051</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>inline-block and 'sideways-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'sideways-rl' are ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-052-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-052.htm">line-box-direction-srl-052</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>inline-block and 'sideways-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'sideways-rl' are ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-055-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-055.htm">line-box-direction-srl-055</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-cell and 'sideways-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'sideways-rl' are ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-057-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-057.htm">line-box-direction-srl-057</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-caption and 'sideways-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'sideways-rl' are ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-059-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-059.htm">line-box-direction-srl-059</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>list and 'sideways-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that line boxes of a block box in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-vlr-003-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-vlr-003.htm">line-box-direction-vlr-003</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-lr - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-vlr-007-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-vlr-007.htm">line-box-direction-vlr-007</a></strong></td> <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>'float: right' and 'vertical-lr' - ordering direction of line boxes @@ -734,9 +976,9 @@ </ul> </td> </tr> - <tr id="line-box-direction-008-3.1" class="primary ahem"> + <tr id="line-box-direction-vlr-008-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-008.htm">line-box-direction-008</a></strong></td> + <a href="line-box-direction-vlr-008.htm">line-box-direction-vlr-008</a></strong></td> <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>'float: right' and 'vertical-lr' - ordering direction of line boxes @@ -745,135 +987,168 @@ </ul> </td> </tr> - <tr id="line-box-direction-009-3.1" class="primary ahem"> + <tr id="line-box-direction-vlr-010-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-009.htm">line-box-direction-009</a></strong></td> + <a href="line-box-direction-vlr-010.htm">line-box-direction-vlr-010</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>position absolute and 'vertical-rl' - ordering direction of line boxes + <td>position absolute and 'vertical-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left.</li> + <li>This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' will be ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-010-3.1" class="primary ahem"> + <tr id="line-box-direction-vlr-013-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-010.htm">line-box-direction-010</a></strong></td> + <a href="line-box-direction-vlr-013.htm">line-box-direction-vlr-013</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>position absolute and 'vertical-lr' - ordering direction of line boxes + <td>inline-block and 'vertical-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' will be ordered from left to right.</li> + <li>This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-011-3.1" class="primary ahem"> + <tr id="line-box-direction-vlr-014-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-011.htm">line-box-direction-011</a></strong></td> + <a href="line-box-direction-vlr-014.htm">line-box-direction-vlr-014</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-rl' - ordering direction of line boxes + <td>inline-block and 'vertical-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> + <li>This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-012-3.1" class="primary ahem"> + <tr id="line-box-direction-vlr-016-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-012.htm">line-box-direction-012</a></strong></td> + <a href="line-box-direction-vlr-016.htm">line-box-direction-vlr-016</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-rl' - ordering direction of line boxes + <td>table-cell and 'vertical-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> + <li>This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-013-3.1" class="primary ahem"> + <tr id="line-box-direction-vlr-018-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-013.htm">line-box-direction-013</a></strong></td> + <a href="line-box-direction-vlr-018.htm">line-box-direction-vlr-018</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-lr' - ordering direction of line boxes + <td>table-caption and 'vertical-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> + <li>This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-014-3.1" class="primary ahem"> + <tr id="line-box-direction-vlr-020-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-014.htm">line-box-direction-014</a></strong></td> + <a href="line-box-direction-vlr-020.htm">line-box-direction-vlr-020</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-lr' - ordering direction of line boxes + <td>list and 'vertical-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> + <li>This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...</li> </ul> </td> </tr> - <tr id="line-box-direction-015-3.1" class="primary ahem"> + <tr id="line-box-direction-vrl-002-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-015.htm">line-box-direction-015</a></strong></td> + <a href="line-box-direction-vrl-002.htm">line-box-direction-vrl-002</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-cell and 'vertical-rl' - ordering direction of line boxes + <td>vertical-rl - ordering direction of line boxes <ul class="assert"> - <li>This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> + <li>This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="line-box-direction-016-3.1" class="primary ahem"> + <tr id="line-box-direction-vrl-005-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-016.htm">line-box-direction-016</a></strong></td> + <a href="line-box-direction-vrl-005.htm">line-box-direction-vrl-005</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-cell and 'vertical-lr' - ordering direction of line boxes + <td>'float: left' and 'vertical-rl' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> + <li>This test checks that the line boxes of a left-floated box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left.</li> </ul> </td> </tr> - <tr id="line-box-direction-017-3.1" class="primary ahem"> + <tr id="line-box-direction-vrl-006-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-017.htm">line-box-direction-017</a></strong></td> + <a href="line-box-direction-vrl-006.htm">line-box-direction-vrl-006</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-caption and 'vertical-rl' - ordering direction of line boxes + <td>'float: left' and 'vertical-rl' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> + <li>This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'vertical-rl' will be ordered from right to left.</li> </ul> </td> </tr> - <tr id="line-box-direction-018-3.1" class="primary ahem"> + <tr id="line-box-direction-vrl-009-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-018.htm">line-box-direction-018</a></strong></td> + <a href="line-box-direction-vrl-009.htm">line-box-direction-vrl-009</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-caption and 'vertical-lr' - ordering direction of line boxes + <td>position absolute and 'vertical-rl' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> + <li>This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left.</li> </ul> </td> </tr> - <tr id="line-box-direction-019-3.1" class="primary ahem"> + <tr id="line-box-direction-vrl-011-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-019.htm">line-box-direction-019</a></strong></td> + <a href="line-box-direction-vrl-011.htm">line-box-direction-vrl-011</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>list and 'vertical-rl' - ordering direction of line boxes + <td>inline-block and 'vertical-rl' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...</li> + <li>This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> </ul> </td> </tr> - <tr id="line-box-direction-020-3.1" class="primary ahem"> + <tr id="line-box-direction-vrl-012-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-020.htm">line-box-direction-020</a></strong></td> + <a href="line-box-direction-vrl-012.htm">line-box-direction-vrl-012</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>list and 'vertical-lr' - ordering direction of line boxes + <td>inline-block and 'vertical-rl' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...</li> + <li>This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-vrl-015-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-vrl-015.htm">line-box-direction-vrl-015</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-cell and 'vertical-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-vrl-017-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-vrl-017.htm">line-box-direction-vrl-017</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-caption and 'vertical-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-vrl-019-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-vrl-019.htm">line-box-direction-vrl-019</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>list and 'vertical-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...</li> </ul> </td> </tr> @@ -899,6 +1174,28 @@ </ul> </td> </tr> + <tr id="page-flow-direction-slr-005-3.1" class="primary image paged"> + <td><strong> + <a href="page-flow-direction-slr-005.htm">page-flow-direction-slr-005</a></strong></td> + <td></td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> + <td>'writing-mode: sideways-lr' - default page flow (progression) direction + <ul class="assert"> + <li>This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right.</li> + </ul> + </td> + </tr> + <tr id="page-flow-direction-srl-004-3.1" class="primary image paged"> + <td><strong> + <a href="page-flow-direction-srl-004.htm">page-flow-direction-srl-004</a></strong></td> + <td></td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> + <td>'writing-mode: sideways-rl' - default page flow (progression) direction + <ul class="assert"> + <li>This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is right-to-left.</li> + </ul> + </td> + </tr> <tr id="replaced-content-image-002-3.1" class="primary should"> <td><strong> <a href="replaced-content-image-002.htm">replaced-content-image-002</a></strong></td> @@ -921,64 +1218,75 @@ </ul> </td> </tr> - <tr id="row-progression-002-3.1" class="primary ahem"> + <tr id="row-progression-slr-023-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-002.htm">row-progression-002</a></strong></td> + <a href="row-progression-slr-023.htm">row-progression-slr-023</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - table rows progression + <td>sideways-lr - table rows progression <ul class="assert"> - <li>This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...</li> + <li>This test checks that rows of a table element with in a 'sideways-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells and table columns in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top.</li> </ul> </td> </tr> - <tr id="row-progression-003-3.1" class="primary ahem"> + <tr id="row-progression-slr-029-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-003.htm">row-progression-003</a></strong></td> + <a href="row-progression-slr-029.htm">row-progression-slr-029</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-lr - table rows progression + <td>sideways-lr - table rows progression (thead, 2 tbodies, tfoot) <ul class="assert"> - <li>This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc...</li> + <li>This test checks that rows of a table element with in a 'sideways-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells and table columns in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top.</li> </ul> </td> </tr> - <tr id="row-progression-004-3.1" class="primary ahem"> + <tr id="row-progression-srl-022-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-004.htm">row-progression-004</a></strong></td> + <a href="row-progression-srl-022.htm">row-progression-srl-022</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - table rows progression and colspan + <td>sideways-rl - table rows progression <ul class="assert"> - <li>This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction.</li> + <li>This test checks that rows of a table element with in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="row-progression-005-3.1" class="primary ahem"> + <tr id="row-progression-srl-028-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-005.htm">row-progression-005</a></strong></td> + <a href="row-progression-srl-028.htm">row-progression-srl-028</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-lr - table rows progression and colspan + <td>sideways-rl - table rows progression (thead, 2 tbodies, tfoot) <ul class="assert"> - <li>This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction.</li> + <li>This test checks that rows of a table element with in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="row-progression-006-3.1" class="primary ahem"> + <tr id="row-progression-vlr-003-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-006.htm">row-progression-006</a></strong></td> + <a href="row-progression-vlr-003.htm">row-progression-vlr-003</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - table rows progression and rowspan + <td>vertical-lr - table rows progression <ul class="assert"> - <li>This test checks that rowspanned cells in a table are handled according to a right-to-left direction.</li> + <li>This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc...</li> + </ul> + </td> + </tr> + <tr id="row-progression-vlr-005-3.1" class="primary ahem"> + <td><strong> + <a href="row-progression-vlr-005.htm">row-progression-vlr-005</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-lr - table rows progression and colspan + <ul class="assert"> + <li>This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction.</li> </ul> </td> </tr> - <tr id="row-progression-007-3.1" class="primary ahem"> + <tr id="row-progression-vlr-007-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-007.htm">row-progression-007</a></strong></td> + <a href="row-progression-vlr-007.htm">row-progression-vlr-007</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>vertical-lr - table rows progression and rowspan @@ -987,25 +1295,102 @@ </ul> </td> </tr> - <tr id="row-progression-008-3.1" class="primary ahem"> + <tr id="row-progression-vlr-009-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-008.htm">row-progression-008</a></strong></td> + <a href="row-progression-vlr-009.htm">row-progression-vlr-009</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - table rows progression (thead, 2 tbodies, tfoot) + <td>vertical-lr - table rows progression (thead, 2 tbodies, tfoot) + <ul class="assert"> + <li>This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top.</li> + </ul> + </td> + </tr> + <tr id="row-progression-vrl-002-3.1" class="primary ahem"> + <td><strong> + <a href="row-progression-vrl-002.htm">row-progression-vrl-002</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-rl - table rows progression <ul class="assert"> <li>This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="row-progression-009-3.1" class="primary ahem"> + <tr id="row-progression-vrl-004-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-009.htm">row-progression-009</a></strong></td> + <a href="row-progression-vrl-004.htm">row-progression-vrl-004</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-lr - table rows progression (thead, 2 tbodies, tfoot) + <td>vertical-rl - table rows progression and colspan <ul class="assert"> - <li>This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc...</li> + <li>This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction.</li> + </ul> + </td> + </tr> + <tr id="row-progression-vrl-006-3.1" class="primary ahem"> + <td><strong> + <a href="row-progression-vrl-006.htm">row-progression-vrl-006</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-rl - table rows progression and rowspan + <ul class="assert"> + <li>This test checks that rowspanned cells in a table are handled according to a right-to-left direction.</li> + </ul> + </td> + </tr> + <tr id="row-progression-vrl-008-3.1" class="primary ahem"> + <td><strong> + <a href="row-progression-vrl-008.htm">row-progression-vrl-008</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-rl - table rows progression (thead, 2 tbodies, tfoot) + <ul class="assert"> + <li>This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...</li> + </ul> + </td> + </tr> + <tr id="table-progression-slr-001-3.1" class="primary"> + <td><strong> + <a href="table-progression-slr-001.htm">table-progression-slr-001</a></strong></td> + <td><a href="reference/table-progression-slr-001-ref.htm">=</a> </td> + <td></td> + <td>sideways-lr Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that sideways-lr tables order rows/rowgroups left to right and cells bottom-to-top (LTR) or top-to-bottom (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-slr-002-3.1" class="primary"> + <td><strong> + <a href="table-progression-slr-002.htm">table-progression-slr-002</a></strong></td> + <td><a href="reference/table-progression-002-ref.htm">=</a> </td> + <td></td> + <td>sideways-lr Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that sideways-lr tables order columns bottom-to-top (LTR) or top-to-bottom (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-srl-001-3.1" class="primary"> + <td><strong> + <a href="table-progression-srl-001.htm">table-progression-srl-001</a></strong></td> + <td><a href="reference/table-progression-001-ref.htm">=</a> </td> + <td></td> + <td>sideways-rl Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that sideways-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-srl-002-3.1" class="primary"> + <td><strong> + <a href="table-progression-srl-002.htm">table-progression-srl-002</a></strong></td> + <td><a href="reference/table-progression-002-ref.htm">=</a> </td> + <td></td> + <td>sideways-rl Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that sideways-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> </ul> </td> </tr> @@ -1101,17 +1486,6 @@ </ul> </td> </tr> - <tr id="writing-mode-stretch-001-3.1" class="primary"> - <td><strong> - <a href="writing-mode-stretch-001.htm">writing-mode-stretch-001</a></strong></td> - <td><a href="reference/writing-mode-stretch-001-ref.htm">=</a> </td> - <td></td> - <td>writing-mode vertical-lr and vertical-rl - <ul class="assert"> - <li>vertical-writing-mode flex items should stretch</li> - </ul> - </td> - </tr> <tr id="writing-mode-vertical-rl-003-3.1" class="primary ahem"> <td><strong> <a href="writing-mode-vertical-rl-003.htm">writing-mode-vertical-rl-003</a></strong></td> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-4.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-4.htm index 2f5e10e2416..2a8b67b5559 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-4.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-4.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Inline-level Alignment (30 tests)</h2> + <h2>Inline-level Alignment (36 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -49,7 +49,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s4.2">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines">4.2 Text Baselines</a></th></tr> - <!-- 8 tests --> + <!-- 14 tests --> <tr id="central-baseline-alignment-002-4.2" class="primary ahem"> <td><strong> <a href="central-baseline-alignment-002.htm">central-baseline-alignment-002</a></strong></td> @@ -72,43 +72,87 @@ </ul> </td> </tr> - <tr id="text-baseline-002-4.2" class="primary ahem"> + <tr id="text-baseline-slr-009-4.2" class="primary ahem"> <td><strong> - <a href="text-baseline-002.htm">text-baseline-002</a></strong></td> - <td><a href="reference/text-baseline-002-ref.htm">=</a> </td> + <a href="text-baseline-slr-009.htm">text-baseline-slr-009</a></strong></td> + <td><a href="reference/text-baseline-slr-009-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>text baseline alignment - central alignment with vertical layout + <td>text baseline alignment - alphabetical alignment with vertical layout <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.</li> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'mixed', then the alphabetical baseline is used as the dominant baseline.</li> </ul> </td> </tr> - <tr id="text-baseline-003-4.2" class="primary ahem"> + <tr id="text-baseline-slr-011-4.2" class="primary ahem"> <td><strong> - <a href="text-baseline-003.htm">text-baseline-003</a></strong></td> - <td><a href="reference/text-baseline-002-ref.htm">=</a> </td> + <a href="text-baseline-slr-011.htm">text-baseline-slr-011</a></strong></td> + <td><a href="reference/text-baseline-slr-009-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>text baseline alignment - central alignment with vertical layout + <td>text baseline alignment - alphabetical alignment with vertical layout <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.</li> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'upright', then the alphabetical baseline is used as the dominant baseline.</li> + </ul> + </td> + </tr> + <tr id="text-baseline-slr-013-4.2" class="primary ahem"> + <td><strong> + <a href="text-baseline-slr-013.htm">text-baseline-slr-013</a></strong></td> + <td><a href="reference/text-baseline-slr-009-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - alphabetical alignment with vertical layout + <ul class="assert"> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> + </ul> + </td> + </tr> + <tr id="text-baseline-srl-008-4.2" class="primary ahem"> + <td><strong> + <a href="text-baseline-srl-008.htm">text-baseline-srl-008</a></strong></td> + <td><a href="reference/text-baseline-vrl-006-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - alphabetical alignment with vertical layout + <ul class="assert"> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'mixed', then the alphabetical baseline is used as the dominant baseline.</li> + </ul> + </td> + </tr> + <tr id="text-baseline-srl-010-4.2" class="primary ahem"> + <td><strong> + <a href="text-baseline-srl-010.htm">text-baseline-srl-010</a></strong></td> + <td><a href="reference/text-baseline-vrl-006-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - alphabetical alignment with vertical layout + <ul class="assert"> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'upright', then the alphabetical baseline is used as the dominant baseline.</li> + </ul> + </td> + </tr> + <tr id="text-baseline-srl-012-4.2" class="primary ahem"> + <td><strong> + <a href="text-baseline-srl-012.htm">text-baseline-srl-012</a></strong></td> + <td><a href="reference/text-baseline-vrl-006-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - alphabetical alignment with vertical layout + <ul class="assert"> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> </ul> </td> </tr> - <tr id="text-baseline-004-4.2" class="primary ahem"> + <tr id="text-baseline-vlr-003-4.2" class="primary ahem"> <td><strong> - <a href="text-baseline-004.htm">text-baseline-004</a></strong></td> - <td><a href="reference/text-baseline-002-ref.htm">=</a> </td> + <a href="text-baseline-vlr-003.htm">text-baseline-vlr-003</a></strong></td> + <td><a href="reference/text-baseline-vrl-002-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>text baseline alignment - central alignment with vertical layout <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline.</li> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.</li> </ul> </td> </tr> - <tr id="text-baseline-005-4.2" class="primary ahem"> + <tr id="text-baseline-vlr-005-4.2" class="primary ahem"> <td><strong> - <a href="text-baseline-005.htm">text-baseline-005</a></strong></td> - <td><a href="reference/text-baseline-002-ref.htm">=</a> </td> + <a href="text-baseline-vlr-005.htm">text-baseline-vlr-005</a></strong></td> + <td><a href="reference/text-baseline-vrl-002-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>text baseline alignment - central alignment with vertical layout <ul class="assert"> @@ -116,25 +160,47 @@ </ul> </td> </tr> - <tr id="text-baseline-006-4.2" class="primary ahem"> + <tr id="text-baseline-vlr-007-4.2" class="primary ahem"> <td><strong> - <a href="text-baseline-006.htm">text-baseline-006</a></strong></td> - <td><a href="reference/text-baseline-006-ref.htm">=</a> </td> + <a href="text-baseline-vlr-007.htm">text-baseline-vlr-007</a></strong></td> + <td><a href="reference/text-baseline-vrl-006-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>text baseline alignment - alphabetical alignment with vertical layout <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> + </ul> + </td> + </tr> + <tr id="text-baseline-vrl-002-4.2" class="primary ahem"> + <td><strong> + <a href="text-baseline-vrl-002.htm">text-baseline-vrl-002</a></strong></td> + <td><a href="reference/text-baseline-vrl-002-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - central alignment with vertical layout + <ul class="assert"> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.</li> + </ul> + </td> + </tr> + <tr id="text-baseline-vrl-004-4.2" class="primary ahem"> + <td><strong> + <a href="text-baseline-vrl-004.htm">text-baseline-vrl-004</a></strong></td> + <td><a href="reference/text-baseline-vrl-002-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - central alignment with vertical layout + <ul class="assert"> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline.</li> </ul> </td> </tr> - <tr id="text-baseline-007-4.2" class="primary ahem"> + <tr id="text-baseline-vrl-006-4.2" class="primary ahem"> <td><strong> - <a href="text-baseline-007.htm">text-baseline-007</a></strong></td> - <td><a href="reference/text-baseline-006-ref.htm">=</a> </td> + <a href="text-baseline-vrl-006.htm">text-baseline-vrl-006</a></strong></td> + <td><a href="reference/text-baseline-vrl-006-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>text baseline alignment - alphabetical alignment with vertical layout <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/flexbox_align-items-stretch-writing-modes.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/flexbox_align-items-stretch-writing-modes.htm new file mode 100644 index 00000000000..6bec4cb74c3 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/flexbox_align-items-stretch-writing-modes.htm @@ -0,0 +1,58 @@ +<!DOCTYPE html> +<html><head> + <title>CSS Test: Flexbox align-items: stretch with writing-mode vertical-lr and vertical-rl</title> + <link href="mailto:mitsuteru.s@gmail.com" rel="author" title="Mitsuteru Sawa"> + <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins Jr."> + <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help"> + <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help"> + <link href="reference/flexbox_align-items-stretch-writing-modes-ref.htm" rel="match"> + <meta content="vertical-writing-mode flex items should stretch" name="assert"> + <style> + .container { + display: flex; + width: 250px; + } + .vertical-rl { + writing-mode: vertical-rl; + } + .vertical-lr { + writing-mode: vertical-lr; + } + .item { + background-color: green; + } + .square { + height: 50px; + width: 50px; + } + .error { + position: absolute; + background-color: red; + height: 100px; + width: 250px; + z-index: -1; + } + </style> +</head> +<body> + <p>The test passes if you see a green rectangle and no red.</p> + <div class="test"> + <div class="error"></div> + <div class="container"> + <div class="horizontal item"> + <div class="square"></div> + <div class="square"></div> + </div> + <div class="vertical-rl item"> + <div class="square"></div> + <div class="square"></div> + </div> + <div class="vertical-lr item"> + <div class="square"></div> + <div class="square"></div> + </div> + </div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-slr-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-slr-004.htm new file mode 100644 index 00000000000..76e980046f9 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-slr-004.htm @@ -0,0 +1,56 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: order, orientation and layout of form controls in 'sideways-lr' writing-mode</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + + <meta content="image should" name="flags"> + <meta content="This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'sideways-lr'." name="assert"> + + <style type="text/css"> + form + { + font-size: 18px; + writing-mode: sideways-lr; + } + + select + { + vertical-align: top; + } + </style> + </head> + + <body> + + <form action=""> + <p><label>姓名　<input value="艾俐俐" size="10"></label></p> + + <p><label>语言　<select size="1"><option>English</option> + <option>français</option> + <option>فارسی</option> + <option>中文</option> + <option>日本語</option></select></label></p> + </form> + + <p>Test passes if the characters and form controls of the form above have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong> as the ones of the form below:</p> + + <p><img src="support/form-controls-slr.png" width="180" height="185" alt="Image download support must be enabled"> +<!-- + Long description of image: + Screenshot of vertical layout: the input element is laid lengthwise + from bottom to top and its content rendered in a vertical writing mode, + matching the label outside it. The drop-down selection control (located on + the input element's righthand side) slides out to the side (towards the + after edge of the block) rather than downward as it would in horizontal writing mode. + The Asian glyphs in the input element and in the drop-down selection + control are rotated 90 degrees counter-clockwise. +--> + </p> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-slr-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-slr-005.htm new file mode 100644 index 00000000000..50ba89fe4dc --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-slr-005.htm @@ -0,0 +1,56 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: form controls in 'sideways-lr' writing-mode</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + + <meta content="should" name="flags"> + <meta content="This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'sideways-lr' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from bottom to top, b) the glyphs must be rotated 90° counter-clockwise and c) the block flow direction must be from left to right." name="assert"> + + <style type="text/css"> + form + { + font-size: 1.25em; + writing-mode: sideways-lr; + } + </style> + </head> + + <body> + + <p>Test passes if a) the form controls are appearing with Text sample1 on the left of the page and with Text sample10 on the right and if b) each of the 10 "Text sample" in the form controls are <strong>rotated 90° counter-clockwise</strong>.</p> + + <form action=""> + + <p><input value="Text sample1" size="12"></p> + + <p> + <select size="3"> + <optgroup label="Text sample2"> + <option>Text sample3</option> + <option>Text sample4</option> + </optgroup> + </select> + </p> + + <p><textarea cols="12" rows="2">Text sample5</textarea></p> + + <p><input type="button" value="Text sample6"></p> + + <p><input type="submit" value="Text sample7"></p> + + <p><input type="reset" value="Text sample8"></p> + + <p><button type="button">Text sample9</button></p> + + <p><button type="submit">Text sample10</button></p> + + </form> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-srl-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-srl-004.htm new file mode 100644 index 00000000000..98268bc7723 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-srl-004.htm @@ -0,0 +1,57 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: order, orientation and layout of form controls in 'sideways-rl' writing-mode</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + + <meta content="image should" name="flags"> + <meta content="This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'sideways-rl'." name="assert"> + + <style type="text/css"> + form + { + font-size: 18px; + margin-left: 5em; + writing-mode: sideways-rl; + } + + select + { + vertical-align: top; + } + </style> + </head> + + <body> + + <form action=""> + <p><label>姓名　<input value="艾俐俐" size="10"></label></p> + + <p><label>语言　<select size="1"><option>English</option> + <option>français</option> + <option>فارسی</option> + <option>中文</option> + <option>日本語</option></select></label></p> + </form> + + <p>Test passes if the characters and form controls of the form above have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong> as the ones of the form below:</p> + + <p><img src="support/form-controls-srl.png" width="180" height="185" alt="Image download support must be enabled"> +<!-- + Long description of image: + Screenshot of vertical layout: the input element is laid lengthwise + from top to bottom and its content rendered in a vertical writing mode, + matching the label outside it. The drop-down selection control (located on + the input element's lefthand side) slides out to the side (towards the + after edge of the block) rather than downward as it would in horizontal writing mode. + The Asian glyphs in the input element and in the drop-down selection + control are rotated 90 degrees clockwise. +--> + </p> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-srl-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-srl-005.htm new file mode 100644 index 00000000000..da2236d3cff --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-srl-005.htm @@ -0,0 +1,56 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: form controls in 'sideways-rl' writing-mode</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + + <meta content="should" name="flags"> + <meta content="This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'sideways-rl' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90° clockwise and c) the block flow direction must be from right to left." name="assert"> + + <style type="text/css"> + form + { + font-size: 1.25em; + writing-mode: sideways-rl; + } + </style> + </head> + + <body> + + <p>Test passes if a) the form controls are appearing with Text sample1 on the right of the page and with Text sample10 on the left and if b) each of the 10 "Text sample" in the form controls are <strong>rotated 90° clockwise</strong>.</p> + + <form action=""> + + <p><input value="Text sample1" size="12"></p> + + <p> + <select size="3"> + <optgroup label="Text sample2"> + <option>Text sample3</option> + <option>Text sample4</option> + </optgroup> + </select> + </p> + + <p><textarea cols="12" rows="2">Text sample5</textarea></p> + + <p><input type="button" value="Text sample6"></p> + + <p><input type="submit" value="Text sample7"></p> + + <p><input type="reset" value="Text sample8"></p> + + <p><button type="button">Text sample9</button></p> + + <p><button type="submit">Text sample10</button></p> + + </form> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vert-rl-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vert-rl-004.htm deleted file mode 100644 index e557fc3ed85..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vert-rl-004.htm +++ /dev/null @@ -1,57 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: order, orientation and layout of form controls in 'vertical-rl' writing-mode</title> - - <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> - <link rel="bookmark" type="image/png" href="http://www.w3.org/TR/css-writing-modes-3/vertical-form.png" title="Screenshot of vertical layout of form controls and characters"> - <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - - <meta content="image should" name="flags"> - <meta content="This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1." name="assert"> - - <style type="text/css"> - form - { - font-size: 18px; - margin-left: 5em; - writing-mode: vertical-rl; - } - - select - { - vertical-align: top; - } - </style> - </head> - - <body> - - <form action=""> - <p><label>姓名　<input value="艾俐俐" size="10"></label></p> - - <p><label>语言　<select size="1"><option>English</option> - <option>français</option> - <option>فارسی</option> - <option>中文</option> - <option>日本語</option></select></label></p> - </form> - - <p>Test passes if the characters and form controls of the form above have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong> as the ones of the form below:</p> - - <p><img src="support/vertical-form.png" width="182" height="266" alt="Image download support must be enabled"> -<!-- - original source of the image is: - http://www.w3.org/TR/css-writing-modes-3/vertical-form.png - longdesc="Screenshot of vertical layout: the input element is laid lengthwise - from top to botom and its contents rendered in a vertical writing mode, - matching the lbels outside it. The drop-down selection control after it slides - out to the sid (towards the after edge of the block) rather than downward as - it would in hoizontal writing modes." ---> - </p> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vert-rl-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vert-rl-005.htm deleted file mode 100644 index 1d7caca22ad..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vert-rl-005.htm +++ /dev/null @@ -1,58 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: form controls in 'vertical-rl' writing-mode</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - - <meta content="should" name="flags"> - <meta content="This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'vertical-rl' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90° clockwise and c) the block flow direction must be from right to left." name="assert"> - - <style type="text/css"> - form - { - font-size: 1.25em; - height: auto; - writing-mode: vertical-rl; - } - - form > p { margin-right: 1em; } - </style> - </head> - - <body> - - <p>Test passes if a) the form controls are appearing with Text sample1 on the left of the page and with Text sample10 on the right and if b) each of the 10 "Text sample" in the form controls are <strong>rotated 90° clockwise</strong>.</p> - - <form action=""> - - <p><button type="submit">Text sample10</button></p> - - <p><button type="button">Text sample9</button></p> - - <p><input type="reset" value="Text sample8"></p> - - <p><input type="submit" value="Text sample7"></p> - - <p><input type="button" value="Text sample6"></p> - - <p><textarea cols="12" rows="2">Text sample5</textarea></p> - - <p> - <select size="3"> - <optgroup label="Text sample4"> - <option>Text sample3</option> - <option>Text sample2</option> - </optgroup> - </select> - </p> - - <p><input value="Text sample1" size="12"></p> - </form> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vlr-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vlr-004.htm new file mode 100644 index 00000000000..164cc0aac6a --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vlr-004.htm @@ -0,0 +1,56 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: order, orientation and layout of form controls in 'vertical-lr' writing-mode</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + + <meta content="image should" name="flags"> + <meta content="This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'vertical-lr'." name="assert"> + + <style type="text/css"> + form + { + font-size: 18px; + writing-mode: vertical-lr; + } + + select + { + vertical-align: top; + } + </style> + </head> + + <body> + + <form action=""> + <p><label>姓名　<input value="艾俐俐" size="10"></label></p> + + <p><label>语言　<select size="1"><option>English</option> + <option>français</option> + <option>فارسی</option> + <option>中文</option> + <option>日本語</option></select></label></p> + </form> + + <p>Test passes if the characters and form controls of the form above have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong> as the ones of the form below:</p> + + <p><img src="support/form-controls-vlr.png" width="188" height="228" alt="Image download support must be enabled"> +<!-- + Long description of image: + Screenshot of vertical layout: the input element is laid lengthwise + from top to bottom and its content rendered in a vertical writing mode, + matching the label outside it. The drop-down selection control (located on + the input element's righthand side) slides out to the side (towards the + after edge of the block) rather than downward as it would in horizontal writing mode. + The Asian glyphs in the input element and in the drop-down selection + control are translated upright. +--> + </p> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vlr-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vlr-005.htm new file mode 100644 index 00000000000..bd1fc95c3cf --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vlr-005.htm @@ -0,0 +1,56 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: form controls in 'vertical-lr' writing-mode</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + + <meta content="should" name="flags"> + <meta content="This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'vertical-lr' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90° clockwise and c) the block flow direction must be from left to right." name="assert"> + + <style type="text/css"> + form + { + font-size: 1.25em; + writing-mode: vertical-lr; + } + </style> + </head> + + <body> + + <p>Test passes if a) the form controls are appearing with Text sample1 on the left of the page and with Text sample10 on the right and if b) each of the 10 "Text sample" in the form controls are <strong>rotated 90° clockwise</strong>.</p> + + <form action=""> + + <p><input value="Text sample1" size="12"></p> + + <p> + <select size="3"> + <optgroup label="Text sample2"> + <option>Text sample3</option> + <option>Text sample4</option> + </optgroup> + </select> + </p> + + <p><textarea cols="12" rows="2">Text sample5</textarea></p> + + <p><input type="button" value="Text sample6"></p> + + <p><input type="submit" value="Text sample7"></p> + + <p><input type="reset" value="Text sample8"></p> + + <p><button type="button">Text sample9</button></p> + + <p><button type="submit">Text sample10</button></p> + + </form> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vrl-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vrl-004.htm new file mode 100644 index 00000000000..9fd41dafb42 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vrl-004.htm @@ -0,0 +1,60 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: order, orientation and layout of form controls in 'vertical-rl' writing-mode</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="bookmark" type="image/png" href="http://www.w3.org/TR/css-writing-modes-3/vertical-form.png" title="Screenshot of vertical layout of form controls and characters"> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + + <meta content="image should" name="flags"> + <meta content="This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'vertical-rl'." name="assert"> + + <style type="text/css"> + form + { + font-size: 18px; + margin-left: 5em; + writing-mode: vertical-rl; + } + + select + { + vertical-align: top; + } + </style> + </head> + + <body> + + <form action=""> + <p><label>姓名　<input value="艾俐俐" size="10"></label></p> + + <p><label>语言　<select size="1"><option>English</option> + <option>français</option> + <option>فارسی</option> + <option>中文</option> + <option>日本語</option></select></label></p> + </form> + + <p>Test passes if the characters and form controls of the form above have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong> as the ones of the form below:</p> + + <p><img src="support/vertical-form.png" width="182" height="266" alt="Image download support must be enabled"> +<!-- + original source of the image is: + http://www.w3.org/TR/css-writing-modes-3/vertical-form.png + Long description of image: + Screenshot of vertical layout: the input element is laid lengthwise + from top to bottom and its content rendered in a vertical writing mode, + matching the label outside it. The drop-down selection control (located on + the input element's lefthand side) slides out to the side (towards the + after edge of the block) rather than downward as it would in horizontal writing mode. + The Asian glyphs in the input element and in the drop-down selection + control are translated upright. +--> + </p> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vrl-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vrl-005.htm new file mode 100644 index 00000000000..015457d5623 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vrl-005.htm @@ -0,0 +1,56 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: form controls in 'vertical-rl' writing-mode</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + + <meta content="should" name="flags"> + <meta content="This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'vertical-rl' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90° clockwise and c) the block flow direction must be from right to left." name="assert"> + + <style type="text/css"> + form + { + font-size: 1.25em; + writing-mode: vertical-rl; + } + </style> + </head> + + <body> + + <p>Test passes if a) the form controls are appearing with Text sample1 on the right of the page and with Text sample10 on the left and if b) each of the 10 "Text sample" in the form controls are <strong>rotated 90° clockwise</strong>.</p> + + <form action=""> + + <p><input value="Text sample1" size="12"></p> + + <p> + <select size="3"> + <optgroup label="Text sample2"> + <option>Text sample3</option> + <option>Text sample4</option> + </optgroup> + </select> + </p> + + <p><textarea cols="12" rows="2">Text sample5</textarea></p> + + <p><input type="button" value="Text sample6"></p> + + <p><input type="submit" value="Text sample7"></p> + + <p><input type="reset" value="Text sample8"></p> + + <p><button type="button">Text sample9</button></p> + + <p><button type="submit">Text sample10</button></p> + + </form> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-002.htm deleted file mode 100644 index 6f762709abb..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-002.htm +++ /dev/null @@ -1,37 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: vertical-rl - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - <link rel="match" href="reference/block-flow-direction-001-ref.htm"> - - <meta content="ahem" name="flags"> - <meta content="This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc..." name="assert"> - - <style type="text/css"> - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-rl; - } - </style> - </head> - - <body> - - <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-003.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-003.htm deleted file mode 100644 index ac21dd13829..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-003.htm +++ /dev/null @@ -1,37 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: vertical-lr - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - <link rel="match" href="reference/block-flow-direction-001-ref.htm"> - - <meta content="ahem" name="flags"> - <meta content="This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc... " name="assert"> - - <style type="text/css"> - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-lr; - } - </style> - </head> - - <body> - - <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-005.htm deleted file mode 100644 index 2476699af97..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-005.htm +++ /dev/null @@ -1,38 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: 'float: left' and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - <link rel="match" href="reference/block-flow-direction-001-ref.htm"> - - <meta content="ahem" name="flags"> - <meta content="This test checks that the line boxes of a left-floated box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left." name="assert"> - - <style type="text/css"> - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - float: left; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-rl; - } - </style> - </head> - - <body> - - <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-006.htm deleted file mode 100644 index f4f0d4c8b9f..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-006.htm +++ /dev/null @@ -1,65 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: 'float: left' and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - <link rel="match" href="reference/block-flow-direction-001-ref.htm"> - - <meta content="ahem" name="flags"> - <meta content="This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'vertical-lr' will be ordered from right to left." name="assert"> - - <style type="text/css"> - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div.floated-left - { - background-color: blue; - border-bottom: blue solid 1em; - border-left: blue solid 1em; - border-top: blue solid 1em; - float: left; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-rl; - } - - div#right-border { border-right: blue solid 1em; } - </style> - </head> - - <body> - - - <div class="floated-left"> - -<!-- The "P" --> eeee f g h j kkkkkkk - - </div> - - <div class="floated-left"> - -<!-- The "A" --> YYYYYYY Z a b c ddddddd - - </div> - - <div class="floated-left"> - -<!-- The left-most "S" --> L MMMM Q R S T U V WWWW X - - </div> - - <div class="floated-left" id="right-border"> - -<!-- The right-most "S" --> A BBBB C D E F G H JJJJ K - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-007.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-007.htm deleted file mode 100644 index a0adf46169e..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-007.htm +++ /dev/null @@ -1,38 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: 'float: right' and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - <link rel="match" href="reference/block-flow-direction-002-ref.htm"> - - <meta content="ahem" name="flags"> - <meta content="This test checks that the line boxes of a right-floated box with its 'writing-mode' set to 'vertical-lr' will be ordered from left to right." name="assert"> - - <style type="text/css"> - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - float: right; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-lr; - } - </style> - </head> - - <body> - - <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-008.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-008.htm deleted file mode 100644 index 61acc96a6f7..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-008.htm +++ /dev/null @@ -1,64 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: 'float: right' and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - <link rel="match" href="reference/block-flow-direction-002-ref.htm"> - - <meta content="ahem" name="flags"> - <meta content="This test checks that the line boxes of right-floated boxes with 'writing-mode' set to 'vertical-lr' will be ordered from left to right." name="assert"> - - <style type="text/css"> - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div.floated-right - { - background-color: blue; - border-bottom: blue solid 1em; - border-right: blue solid 1em; - border-top: blue solid 1em; - float: right; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-lr; - } - - div#left-border { border-left: blue solid 1em; } - </style> - </head> - - <body> - - <div class="floated-right"> - -<!-- The right-most "S" --> aaaa b c d e f g h j kkkk - - </div> - - <div class="floated-right"> - -<!-- The left-most "S" --> NNNN Q R S T U V W X YYYY - - </div> - - <div class="floated-right"> - -<!-- The "A" --> GGGGGGG H J K L MMMMMMM - - </div> - - <div class="floated-right" id="left-border"> - -<!-- The "P" --> AAAAAAA B C D E FFFF - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-009.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-009.htm deleted file mode 100644 index 6d9b46abe0b..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-009.htm +++ /dev/null @@ -1,39 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: position absolute and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - <link rel="match" href="reference/block-flow-direction-001-ref.htm"> - - <meta content="ahem" name="flags"> - <meta content="This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left." name="assert"> - - <style type="text/css"> - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - height: 7em; /* Each line box has an inline-size of 7em */ - left: auto; - position: absolute; - writing-mode: vertical-rl; - } - </style> - </head> - - <body> - - <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-010.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-010.htm deleted file mode 100644 index 30dbadb4405..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-010.htm +++ /dev/null @@ -1,39 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: position absolute and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - <link rel="match" href="reference/block-flow-direction-001-ref.htm"> - - <meta content="ahem" name="flags"> - <meta content="This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' will be ordered from left to right." name="assert"> - - <style type="text/css"> - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - height: 7em; /* Each line box has an inline-size of 7em */ - left: auto; - position: absolute; - writing-mode: vertical-lr; - } - </style> - </head> - - <body> - - <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-011.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-011.htm deleted file mode 100644 index 5ac6a3766cc..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-011.htm +++ /dev/null @@ -1,66 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: inline-block and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - <link rel="match" href="reference/block-flow-direction-001-ref.htm"> - - <meta content="ahem" name="flags"> - <meta content="This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-rl' are ordered from right to left." name="assert"> - - <style type="text/css"> - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#inline-block - { - background-color: blue; - border-right: blue solid 1em; - border-top: blue solid 1em; - display: inline-block; - height: 8em; /* Each line box has an inline-size of 8em */ - vertical-align: top; - /* - Why 'vertical-align: top' ? - See - http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html - for explanations - */ - writing-mode: vertical-rl; - } - - span - { - border-left: blue solid 1em; - display: block; - } - </style> - </head> - - <body> - - <div> - - <div id="inline-block"> - -<!-- The right-most "S" --> <span>A BBBB C D E F G H JJJJ K</span> - -<!-- The left-most "S" --> <span>L MMMM Q R S T U V WWWW X</span> - -<!-- The "A" --> <span>YYYYYYY Z a b c ddddddd</span> - -<!-- The "P" --> <span>eeee f g h j kkkkkkk</span> - - </div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-012.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-012.htm deleted file mode 100644 index a4b55885268..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-012.htm +++ /dev/null @@ -1,94 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: inline-block and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - <link rel="match" href="reference/block-flow-direction-001-ref.htm"> - - <meta content="ahem" name="flags"> - <meta content="This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-rl' are ordered from right to left." name="assert"> - - <style type="text/css"> - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div.inline-block - { - background-color: blue; - border-right: blue solid 1em; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; - /* - Why 'vertical-align: top' ? - See - http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html - for explanations - */ - writing-mode: vertical-rl; - } - - span { display: block; } - - span#left-border { border-left: blue solid 1em; } - </style> - </head> - - <body> - - <div> - - <div class="inline-block"> - -<!-- The right-most line of "P" --> <span>eeee </span> - -<!-- The 2nd right-most line of "P" --> <span>f g </span> - -<!-- The 3rd right-most line of "P" --> <span>h j </span> - -<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span> - - </div><div class="inline-block"> - -<!-- The right-most line of "A" --> <span>YYYYYYY</span> - -<!-- The 2nd right-most line of "A" --> <span>Z a </span> - -<!-- The 3rd right-most line of "A" --> <span>b c </span> - -<!-- The 4th right-most line of "A" --> <span>ddddddd</span> - - </div><div class="inline-block"> - -<!-- The right-most line of left-most "S" --> <span>L MMMM</span> - -<!-- The 2nd right-most line of left-most "S" --> <span>Q R S</span> - -<!-- The 3rd right-most line of left-most "S" --> <span>T U V</span> - -<!-- The 4th right-most line of left-most "S" --> <span>WWWW X</span> - - </div><div class="inline-block"> - -<!-- The right-most line of right-most "S" --> <span>A BBBB</span> - -<!-- The 2nd right-most line of right-most "S" --> <span>C D E</span> - -<!-- The 3rd right-most line of right-most "S" --> <span>F G H</span> - -<!-- The 4th right-most line of right-most "S" --> <span>JJJJ K</span> - - </div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-013.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-013.htm deleted file mode 100644 index 61e02e8a6fb..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-013.htm +++ /dev/null @@ -1,59 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: inline-block and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - <link rel="match" href="reference/block-flow-direction-001-ref.htm"> - - <meta content="ahem" name="flags"> - <meta content="This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-lr' are ordered from left to right." name="assert"> - - <style type="text/css"> - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#inline-block - { - background-color: blue; - border-right: blue solid 1em; - border-top: blue solid 1em; - display: inline-block; - height: 8em; /* Each line box has an inline-size of 8em */ - writing-mode: vertical-lr; - } - - span - { - border-left: blue solid 1em; - display: block; - } - </style> - </head> - - <body> - - <div> - - <div id="inline-block"> - -<!-- The "P" --> <span>AAAAAAA B C D E FFFF </span> - -<!-- The "A" --> <span>GGGGGGG H J K L MMMMMMM</span> - -<!-- The left-most "S" --> <span>NNNN Q R S T U V W X YYYY</span> - -<!-- The right-most "S" --> <span>aaaa b c d e f g h j kkkk</span> - - </div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-014.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-014.htm deleted file mode 100644 index 6234c9b7451..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-014.htm +++ /dev/null @@ -1,94 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: inline-block and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - <link rel="match" href="reference/block-flow-direction-001-ref.htm"> - - <meta content="ahem" name="flags"> - <meta content="This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-lr' are ordered from left to right." name="assert"> - - <style type="text/css"> - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div.inline-block - { - background-color: blue; - border-left: blue solid 1em; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; - /* - Why 'vertical-align: top' ? - See - http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html - for explanations - */ - writing-mode: vertical-lr; - } - - span { display: block; } - - span#right-border { border-right: blue solid 1em; } - </style> - </head> - - <body> - - <div> - - <div class="inline-block"> - -<!-- The 1st left-most line of "P" --> <span>AAAAAAA</span> - -<!-- The 2nd left-most line of "P" --> <span>B C </span> - -<!-- The 3rd left-most line of "P" --> <span>D E </span> - -<!-- The 4th left-most line of "P" --> <span>FFFF </span> - - </div><div class="inline-block"> - -<!-- The left-most line of "A" --> <span>GGGGGGG</span> - -<!-- The 2nd left-most line of "A" --> <span>H J </span> - -<!-- The 3rd left-most line of "A" --> <span>K L </span> - -<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span> - - </div><div class="inline-block"> - -<!-- The 1st left-most line of left-most "S" --> <span>NNNN Q</span> - -<!-- The 2nd left-most line of left-most "S" --> <span>R S T</span> - -<!-- The 3rd left-most line of left-most "S" --> <span>U V W</span> - -<!-- The 4th left-most line of left-most "S" --> <span>X YYYY</span> - - </div><div class="inline-block"> - -<!-- The left-most line of right-most "S" --> <span>aaaa b</span> - -<!-- The 2nd left-most line of right-most "S" --> <span>c d e</span> - -<!-- The 3rd left-most line of right-most "S" --> <span>f g h</span> - -<!-- The 4th left-most line of right-most "S" --> <span id="right-border">j kkkk</span> - - </div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-015.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-015.htm deleted file mode 100644 index 632fced1453..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-015.htm +++ /dev/null @@ -1,38 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: table-cell and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - <link rel="match" href="reference/block-flow-direction-001-ref.htm"> - - <meta content="ahem" name="flags"> - <meta content="This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-rl' are ordered from right to left." name="assert"> - - <style type="text/css"> - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - display: table-cell; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-rl; - } - </style> - </head> - - <body> - - <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-016.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-016.htm deleted file mode 100644 index 5f452af3467..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-016.htm +++ /dev/null @@ -1,38 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: table-cell and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - <link rel="match" href="reference/block-flow-direction-001-ref.htm"> - - <meta content="ahem" name="flags"> - <meta content="This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-lr' are ordered from left to right." name="assert"> - - <style type="text/css"> - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - display: table-cell; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-lr; - } - </style> - </head> - - <body> - - <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-017.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-017.htm deleted file mode 100644 index 974c58e51c4..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-017.htm +++ /dev/null @@ -1,38 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: table-caption and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - <link rel="match" href="reference/block-flow-direction-001-ref.htm"> - - <meta content="ahem" name="flags"> - <meta content="This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-rl' are ordered from right to left." name="assert"> - - <style type="text/css"> - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - display: table-caption; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-rl; - } - </style> - </head> - - <body> - - <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-018.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-018.htm deleted file mode 100644 index f6a3b3b0fa7..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-018.htm +++ /dev/null @@ -1,38 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: table-caption and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - <link rel="match" href="reference/block-flow-direction-001-ref.htm"> - - <meta content="ahem" name="flags"> - <meta content="This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-lr' are ordered from left to right." name="assert"> - - <style type="text/css"> - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - display: table-caption; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-lr; - } - </style> - </head> - - <body> - - <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-019.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-019.htm deleted file mode 100644 index 1fd39e4189c..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-019.htm +++ /dev/null @@ -1,40 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: list and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - <link rel="match" href="reference/block-flow-direction-001-ref.htm"> - - <meta content="ahem" name="flags"> - <meta content="This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc..." name="assert"> - - <style type="text/css"> - body - { - color: yellow; - font: 20px/1 Ahem; - } - - ul - { - background-color: blue; - border: blue solid 1em; - height: 7em; /* Each line box has an inline-size of 7em */ - list-style: none outside none; - margin: 0em; - padding-top: 0em; /* overriding default padding-start: 40px in several browsers */ - writing-mode: vertical-rl; - } - </style> - </head> - - <body> - - <ul><li>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</li></ul> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-020.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-020.htm deleted file mode 100644 index 4aa15b58eac..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-020.htm +++ /dev/null @@ -1,40 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: list and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - <link rel="match" href="reference/block-flow-direction-001-ref.htm"> - - <meta content="ahem" name="flags"> - <meta content="This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc... " name="assert"> - - <style type="text/css"> - body - { - color: yellow; - font: 20px/1 Ahem; - } - - ul - { - background-color: blue; - border: blue solid 1em; - height: 7em; /* Each line box has an inline-size of 7em */ - list-style: none outside none; - margin: 0em; - padding-top: 0em; /* overriding default padding-start: 40px in several browsers */ - writing-mode: vertical-lr; - } - </style> - </head> - - <body> - - <ul><li>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</li></ul> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-001.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-htb-001.htm index 64d262e11ee..64d262e11ee 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-001.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-htb-001.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-043.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-043.htm new file mode 100644 index 00000000000..9f3326c60aa --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-043.htm @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: sideways-lr - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that line boxes in a block box with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc... " name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-lr; + } + </style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-047.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-047.htm new file mode 100644 index 00000000000..627b97dbcfd --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-047.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: 'float: right' and 'sideways-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-002-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that the line boxes of a right-floated box with its 'writing-mode' set to 'sideways-lr' will be ordered from left to right." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + float: right; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-lr; + } + </style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-048.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-048.htm new file mode 100644 index 00000000000..5bbf37cf958 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-048.htm @@ -0,0 +1,67 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: 'float: right' and 'sideways-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-002-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that the line boxes of right-floated boxes with 'writing-mode' set to 'sideways-lr' will be ordered from left to right." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.floated-right + { + background-color: blue; + border-bottom: blue solid 1em; + border-right: blue solid 1em; + border-top: blue solid 1em; + float: right; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-lr; + } + + div#left-border + { + border-left: blue solid 1em; + } + </style> + </head> + + <body> + + <div class="floated-right"> + +<!-- The right-most "S" --> a bbbb c d e f g h jjjj k + + </div> + + <div class="floated-right"> + +<!-- The left-most "S" --> N QQQQ R S T U V W XXXX Y + + </div> + + <div class="floated-right"> + +<!-- The "A" --> GGGGGGG H J K L MMMMMMM + + </div> + + <div class="floated-right" id="left-border"> + +<!-- The "P" --> AAAAAAA B C D E FFFF + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-050.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-050.htm new file mode 100644 index 00000000000..f2a1d08ef89 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-050.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: position absolute and 'sideways-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' will be ordered from left to right." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + left: auto; + position: absolute; + writing-mode: sideways-lr; + } + </style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-053.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-053.htm new file mode 100644 index 00000000000..3596665b51b --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-053.htm @@ -0,0 +1,59 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'sideways-lr' are ordered from left to right." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-bottom: blue solid 1em; + border-right: blue solid 1em; + display: inline-block; + height: 8em; /* Each line box has an inline-size of 8em */ + writing-mode: sideways-lr; + } + + span + { + border-left: blue solid 1em; + display: block; + } + </style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The "P" --> <span>AAAAAAA B C D E FFFF </span> + +<!-- The "A" --> <span>GGGGGGG H J K L MMMMMMM</span> + +<!-- The left-most "S" --> <span>N QQQQ R S T U V W XXXX Y</span> + +<!-- The right-most "S" --> <span>a bbbb c d e f g h jjjj k</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-054.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-054.htm new file mode 100644 index 00000000000..fdfd2cdcfe7 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-054.htm @@ -0,0 +1,100 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'sideways-lr' are ordered from left to right." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.inline-block + { + background-color: blue; + border-bottom: blue solid 1em; + border-left: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-lr; + } + + span + { + display: block; + } + + span#right-border + { + border-right: blue solid 1em; + } + </style> + </head> + + <body> + + <div> + + <div class="inline-block"> + +<!-- The 1st left-most line of "P" --> <span>AAAAAAA</span> + +<!-- The 2nd left-most line of "P" --> <span> B C</span> + +<!-- The 3rd left-most line of "P" --> <span> D E</span> + +<!-- The 4th left-most line of "P" --> <span> FFFF</span> + + </div><div class="inline-block"> + +<!-- The left-most line of "A" --> <span>GGGGGGG</span> + +<!-- The 2nd left-most line of "A" --> <span> H J</span> + +<!-- The 3rd left-most line of "A" --> <span> K L</span> + +<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span> + + </div><div class="inline-block"> + +<!-- The 1st left-most line of left-most "S" --> <span>N QQQQ</span> + +<!-- The 2nd left-most line of left-most "S" --> <span>R S T</span> + +<!-- The 3rd left-most line of left-most "S" --> <span>U V W</span> + +<!-- The 4th left-most line of left-most "S" --> <span>XXXX Y</span> + + </div><div class="inline-block"> + +<!-- The left-most line of right-most "S" --> <span>a bbbb</span> + +<!-- The 2nd left-most line of right-most "S" --> <span>c d e</span> + +<!-- The 3rd left-most line of right-most "S" --> <span>f g h</span> + +<!-- The 4th left-most line of right-most "S" --> <span id="right-border">jjjj k</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-056.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-056.htm new file mode 100644 index 00000000000..8594da00388 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-056.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: table-cell and 'sideways-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'sideways-lr' are ordered from left to right." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + display: table-cell; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-lr; + } + </style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-058.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-058.htm new file mode 100644 index 00000000000..a9622623a50 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-058.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: table-caption and 'sideways-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'sideways-lr' are ordered from left to right." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + display: table-caption; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-lr; + } + </style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-060.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-060.htm new file mode 100644 index 00000000000..96b7f4a882e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-060.htm @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: list and 'sideways-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that line boxes in a block box with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc... " name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + ul + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + list-style: none outside none; + margin: 0em; + padding-bottom: 0em; /* overriding default padding-end: 40px in several browsers */ + writing-mode: sideways-lr; + } + </style> + </head> + + <body> + + <ul><li>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k</li></ul> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-042.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-042.htm new file mode 100644 index 00000000000..7a2dc263daf --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-042.htm @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: sideways-rl - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that line boxes of a block box in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc..." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-rl; + } + </style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-045.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-045.htm new file mode 100644 index 00000000000..012fc521ed1 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-045.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: 'float: left' and 'sideways-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that the line boxes of a left-floated box with its 'writing-mode' set to 'sideways-rl' will be ordered from right to left." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + float: left; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-rl; + } + </style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-046.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-046.htm new file mode 100644 index 00000000000..8f6e8ba2321 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-046.htm @@ -0,0 +1,68 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: 'float: left' and 'sideways-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'sideways-rl' will be ordered from right to left." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.floated-left + { + background-color: blue; + border-bottom: blue solid 1em; + border-left: blue solid 1em; + border-top: blue solid 1em; + float: left; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-rl; + } + + div#right-border + { + border-right: blue solid 1em; + } + </style> + </head> + + <body> + + + <div class="floated-left"> + +<!-- The "P" --> eeee f g h j kkkkkkk + + </div> + + <div class="floated-left"> + +<!-- The "A" --> YYYYYYY Z a b c ddddddd + + </div> + + <div class="floated-left"> + +<!-- The left-most "S" --> L MMMM Q R S T U V WWWW X + + </div> + + <div class="floated-left" id="right-border"> + +<!-- The right-most "S" --> A BBBB C D E F G H JJJJ K + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-049.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-049.htm new file mode 100644 index 00000000000..340b63d8a8e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-049.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: position absolute and 'sideways-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' will be ordered from right to left." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + left: auto; + position: absolute; + writing-mode: sideways-rl; + } + </style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-051.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-051.htm new file mode 100644 index 00000000000..f4261a2d7ba --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-051.htm @@ -0,0 +1,66 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'sideways-rl' are ordered from right to left." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-right: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; /* Each line box has an inline-size of 8em */ + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-rl; + } + + span + { + border-left: blue solid 1em; + display: block; + } + </style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The right-most "S" --> <span>A BBBB C D E F G H JJJJ K</span> + +<!-- The left-most "S" --> <span>L MMMM Q R S T U V WWWW X</span> + +<!-- The "A" --> <span>YYYYYYY Z a b c ddddddd</span> + +<!-- The "P" --> <span>eeee f g h j kkkkkkk</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-052.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-052.htm new file mode 100644 index 00000000000..ccba2b76e3a --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-052.htm @@ -0,0 +1,100 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'sideways-rl' are ordered from right to left." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.inline-block + { + background-color: blue; + border-right: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-rl; + } + + span + { + display: block; + } + + span#left-border + { + border-left: blue solid 1em; + } + </style> + </head> + + <body> + + <div> + + <div class="inline-block"> + +<!-- The right-most line of "P" --> <span>eeee </span> + +<!-- The 2nd right-most line of "P" --> <span>f g </span> + +<!-- The 3rd right-most line of "P" --> <span>h j </span> + +<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span> + + </div><div class="inline-block"> + +<!-- The right-most line of "A" --> <span>YYYYYYY</span> + +<!-- The 2nd right-most line of "A" --> <span>Z a </span> + +<!-- The 3rd right-most line of "A" --> <span>b c </span> + +<!-- The 4th right-most line of "A" --> <span>ddddddd</span> + + </div><div class="inline-block"> + +<!-- The right-most line of left-most "S" --> <span>L MMMM</span> + +<!-- The 2nd right-most line of left-most "S" --> <span>Q R S</span> + +<!-- The 3rd right-most line of left-most "S" --> <span>T U V</span> + +<!-- The 4th right-most line of left-most "S" --> <span>WWWW X</span> + + </div><div class="inline-block"> + +<!-- The right-most line of right-most "S" --> <span>A BBBB</span> + +<!-- The 2nd right-most line of right-most "S" --> <span>C D E</span> + +<!-- The 3rd right-most line of right-most "S" --> <span>F G H</span> + +<!-- The 4th right-most line of right-most "S" --> <span>JJJJ K</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-055.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-055.htm new file mode 100644 index 00000000000..3493abb8421 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-055.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: table-cell and 'sideways-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'sideways-rl' are ordered from right to left." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + display: table-cell; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-rl; + } + </style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-057.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-057.htm new file mode 100644 index 00000000000..977df6d14c8 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-057.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: table-caption and 'sideways-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'sideways-rl' are ordered from right to left." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + display: table-caption; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-rl; + } + </style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-059.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-059.htm new file mode 100644 index 00000000000..f7deabec1e1 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-059.htm @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: list and 'sideways-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that line boxes of a block box in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc..." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + ul + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + list-style: none outside none; + margin: 0em; + padding-top: 0em; /* overriding default padding-start: 40px in several browsers */ + writing-mode: sideways-rl; + } + </style> + </head> + + <body> + + <ul><li>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</li></ul> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-003.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-003.htm new file mode 100644 index 00000000000..2ae9fdb398e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-003.htm @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: vertical-lr - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc... " name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-lr; + } + </style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-007.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-007.htm new file mode 100644 index 00000000000..60bdf1e3408 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-007.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: 'float: right' and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-002-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that the line boxes of a right-floated box with its 'writing-mode' set to 'vertical-lr' will be ordered from left to right." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + float: right; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-lr; + } + </style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-008.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-008.htm new file mode 100644 index 00000000000..c102967e885 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-008.htm @@ -0,0 +1,67 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: 'float: right' and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-002-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that the line boxes of right-floated boxes with 'writing-mode' set to 'vertical-lr' will be ordered from left to right." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.floated-right + { + background-color: blue; + border-bottom: blue solid 1em; + border-right: blue solid 1em; + border-top: blue solid 1em; + float: right; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-lr; + } + + div#left-border + { + border-left: blue solid 1em; + } + </style> + </head> + + <body> + + <div class="floated-right"> + +<!-- The right-most "S" --> aaaa b c d e f g h j kkkk + + </div> + + <div class="floated-right"> + +<!-- The left-most "S" --> NNNN Q R S T U V W X YYYY + + </div> + + <div class="floated-right"> + +<!-- The "A" --> GGGGGGG H J K L MMMMMMM + + </div> + + <div class="floated-right" id="left-border"> + +<!-- The "P" --> AAAAAAA B C D E FFFF + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-010.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-010.htm new file mode 100644 index 00000000000..df067f48c2e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-010.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: position absolute and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' will be ordered from left to right." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + left: auto; + position: absolute; + writing-mode: vertical-lr; + } + </style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-013.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-013.htm new file mode 100644 index 00000000000..88a9d89bd01 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-013.htm @@ -0,0 +1,59 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: inline-block and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-lr' are ordered from left to right." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-right: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; /* Each line box has an inline-size of 8em */ + writing-mode: vertical-lr; + } + + span + { + border-left: blue solid 1em; + display: block; + } + </style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The "P" --> <span>AAAAAAA B C D E FFFF </span> + +<!-- The "A" --> <span>GGGGGGG H J K L MMMMMMM</span> + +<!-- The left-most "S" --> <span>NNNN Q R S T U V W X YYYY</span> + +<!-- The right-most "S" --> <span>aaaa b c d e f g h j kkkk</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-014.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-014.htm new file mode 100644 index 00000000000..1766d100e39 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-014.htm @@ -0,0 +1,100 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: inline-block and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-lr' are ordered from left to right." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.inline-block + { + background-color: blue; + border-left: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: vertical-lr; + } + + span + { + display: block; + } + + span#right-border + { + border-right: blue solid 1em; + } + </style> + </head> + + <body> + + <div> + + <div class="inline-block"> + +<!-- The 1st left-most line of "P" --> <span>AAAAAAA</span> + +<!-- The 2nd left-most line of "P" --> <span>B C </span> + +<!-- The 3rd left-most line of "P" --> <span>D E </span> + +<!-- The 4th left-most line of "P" --> <span>FFFF </span> + + </div><div class="inline-block"> + +<!-- The left-most line of "A" --> <span>GGGGGGG</span> + +<!-- The 2nd left-most line of "A" --> <span>H J </span> + +<!-- The 3rd left-most line of "A" --> <span>K L </span> + +<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span> + + </div><div class="inline-block"> + +<!-- The 1st left-most line of left-most "S" --> <span>NNNN Q</span> + +<!-- The 2nd left-most line of left-most "S" --> <span>R S T</span> + +<!-- The 3rd left-most line of left-most "S" --> <span>U V W</span> + +<!-- The 4th left-most line of left-most "S" --> <span>X YYYY</span> + + </div><div class="inline-block"> + +<!-- The left-most line of right-most "S" --> <span>aaaa b</span> + +<!-- The 2nd left-most line of right-most "S" --> <span>c d e</span> + +<!-- The 3rd left-most line of right-most "S" --> <span>f g h</span> + +<!-- The 4th left-most line of right-most "S" --> <span id="right-border">j kkkk</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-016.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-016.htm new file mode 100644 index 00000000000..258f262f65f --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-016.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: table-cell and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-lr' are ordered from left to right." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + display: table-cell; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-lr; + } + </style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-018.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-018.htm new file mode 100644 index 00000000000..3d988314a3f --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-018.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: table-caption and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-lr' are ordered from left to right." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + display: table-caption; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-lr; + } + </style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-020.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-020.htm new file mode 100644 index 00000000000..ed4a3be5b11 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-020.htm @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: list and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc... " name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + ul + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + list-style: none outside none; + margin: 0em; + padding-top: 0em; /* overriding default padding-start: 40px in several browsers */ + writing-mode: vertical-lr; + } + </style> + </head> + + <body> + + <ul><li>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</li></ul> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-002.htm new file mode 100644 index 00000000000..c655cce4790 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-002.htm @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: vertical-rl - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc..." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-rl; + } + </style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-005.htm new file mode 100644 index 00000000000..f1df182f476 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-005.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: 'float: left' and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that the line boxes of a left-floated box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + float: left; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-rl; + } + </style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-006.htm new file mode 100644 index 00000000000..bb50aefd68c --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-006.htm @@ -0,0 +1,68 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: 'float: left' and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'vertical-rl' will be ordered from right to left." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.floated-left + { + background-color: blue; + border-bottom: blue solid 1em; + border-left: blue solid 1em; + border-top: blue solid 1em; + float: left; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-rl; + } + + div#right-border + { + border-right: blue solid 1em; + } + </style> + </head> + + <body> + + + <div class="floated-left"> + +<!-- The "P" --> eeee f g h j kkkkkkk + + </div> + + <div class="floated-left"> + +<!-- The "A" --> YYYYYYY Z a b c ddddddd + + </div> + + <div class="floated-left"> + +<!-- The left-most "S" --> L MMMM Q R S T U V WWWW X + + </div> + + <div class="floated-left" id="right-border"> + +<!-- The right-most "S" --> A BBBB C D E F G H JJJJ K + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-009.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-009.htm new file mode 100644 index 00000000000..6badac3b30f --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-009.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: position absolute and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + left: auto; + position: absolute; + writing-mode: vertical-rl; + } + </style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-011.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-011.htm new file mode 100644 index 00000000000..720043926af --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-011.htm @@ -0,0 +1,66 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: inline-block and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-rl' are ordered from right to left." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-right: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; /* Each line box has an inline-size of 8em */ + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: vertical-rl; + } + + span + { + border-left: blue solid 1em; + display: block; + } + </style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The right-most "S" --> <span>A BBBB C D E F G H JJJJ K</span> + +<!-- The left-most "S" --> <span>L MMMM Q R S T U V WWWW X</span> + +<!-- The "A" --> <span>YYYYYYY Z a b c ddddddd</span> + +<!-- The "P" --> <span>eeee f g h j kkkkkkk</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-012.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-012.htm new file mode 100644 index 00000000000..183651138ad --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-012.htm @@ -0,0 +1,100 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: inline-block and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-rl' are ordered from right to left." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.inline-block + { + background-color: blue; + border-right: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: vertical-rl; + } + + span + { + display: block; + } + + span#left-border + { + border-left: blue solid 1em; + } + </style> + </head> + + <body> + + <div> + + <div class="inline-block"> + +<!-- The right-most line of "P" --> <span>eeee </span> + +<!-- The 2nd right-most line of "P" --> <span>f g </span> + +<!-- The 3rd right-most line of "P" --> <span>h j </span> + +<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span> + + </div><div class="inline-block"> + +<!-- The right-most line of "A" --> <span>YYYYYYY</span> + +<!-- The 2nd right-most line of "A" --> <span>Z a </span> + +<!-- The 3rd right-most line of "A" --> <span>b c </span> + +<!-- The 4th right-most line of "A" --> <span>ddddddd</span> + + </div><div class="inline-block"> + +<!-- The right-most line of left-most "S" --> <span>L MMMM</span> + +<!-- The 2nd right-most line of left-most "S" --> <span>Q R S</span> + +<!-- The 3rd right-most line of left-most "S" --> <span>T U V</span> + +<!-- The 4th right-most line of left-most "S" --> <span>WWWW X</span> + + </div><div class="inline-block"> + +<!-- The right-most line of right-most "S" --> <span>A BBBB</span> + +<!-- The 2nd right-most line of right-most "S" --> <span>C D E</span> + +<!-- The 3rd right-most line of right-most "S" --> <span>F G H</span> + +<!-- The 4th right-most line of right-most "S" --> <span>JJJJ K</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-015.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-015.htm new file mode 100644 index 00000000000..69659e93ec8 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-015.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: table-cell and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-rl' are ordered from right to left." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + display: table-cell; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-rl; + } + </style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-017.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-017.htm new file mode 100644 index 00000000000..2fbf4679937 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-017.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: table-caption and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-rl' are ordered from right to left." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + display: table-caption; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-rl; + } + </style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-019.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-019.htm new file mode 100644 index 00000000000..01d190c05c4 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-019.htm @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: list and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc..." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + ul + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + list-style: none outside none; + margin: 0em; + padding-top: 0em; /* overriding default padding-start: 40px in several browsers */ + writing-mode: vertical-rl; + } + </style> + </head> + + <body> + + <ul><li>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</li></ul> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-002.htm index 98925b13a0a..f31a4d7ee34 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-002.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-002.htm @@ -13,15 +13,15 @@ <style type="text/css" media="print"> html - { - writing-mode: vertical-rl; - } + { + writing-mode: vertical-rl; + } body, div - { - width: 100%; + { + width: 100%; /* width: 100% will force a page-break in vertical-rl writing-mode */ - } + } </style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-003.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-003.htm index 3ffd6e5743f..eee6d3f81ca 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-003.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-003.htm @@ -13,15 +13,15 @@ <style type="text/css" media="print"> html - { - writing-mode: vertical-lr; - } + { + writing-mode: vertical-lr; + } body, div - { - width: 100%; + { + width: 100%; /* width: 100% will force a page-break in vertical-lr writing-mode */ - } + } </style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-slr-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-slr-005.htm new file mode 100644 index 00000000000..475c7e28e26 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-slr-005.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: 'writing-mode: sideways-lr' - default page flow (progression) direction</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + + <meta content="image paged" name="flags"> + <meta content="This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right." name="assert"> + + <style type="text/css" media="print"> + html + { + writing-mode: sideways-lr; + } + + body, div + { + width: 100%; + /* width: 100% will force a page-break in sideways-lr writing-mode */ + } + </style> + </head> + + <body> + + <div><img src="support/page-flow-direction-002p1.png" alt="Image download support must be enabled"></div> + + <div><img src="support/page-flow-direction-002p2.png" alt="Image download support must be enabled"></div> + + <div><img src="support/page-flow-direction-002p3.png" alt="Image download support must be enabled"></div> + + <div><img src="support/page-flow-direction-002p4.png" alt="Image download support must be enabled"></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-srl-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-srl-004.htm new file mode 100644 index 00000000000..6e280c152ea --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-srl-004.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: 'writing-mode: sideways-rl' - default page flow (progression) direction</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + + <meta content="image paged" name="flags"> + <meta content="This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is right-to-left." name="assert"> + + <style type="text/css" media="print"> + html + { + writing-mode: sideways-rl; + } + + body, div + { + width: 100%; + /* width: 100% will force a page-break in sideways-rl writing-mode */ + } + </style> + </head> + + <body> + + <div><img src="support/page-flow-direction-002p1.png" alt="Image download support must be enabled"></div> + + <div><img src="support/page-flow-direction-002p2.png" alt="Image download support must be enabled"></div> + + <div><img src="support/page-flow-direction-002p3.png" alt="Image download support must be enabled"></div> + + <div><img src="support/page-flow-direction-002p4.png" alt="Image download support must be enabled"></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm index a5fdf2bb202..0aad7d404eb 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm @@ -7,14 +7,17 @@ <meta name="flags" content="image"> <style type="text/css"> div - { - background-color: yellow; - direction: ltr; - font: 20px/1 Ahem; - width: 21em; - } - - img { vertical-align: top; } + { + background-color: yellow; + direction: ltr; + font: 20px/1 Ahem; + width: 21em; + } + + img + { + vertical-align: top; + } </style> </head> <body> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm index 1fe0c5bc271..7d66a1bad78 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm @@ -10,17 +10,23 @@ <meta name="flags" content="image"> <style type="text/css"> - body { direction: rtl; } + body + { + direction: rtl; + } div - { - background-color: yellow; - direction: ltr; - font: 20px/1 Ahem; - width: 21em; - } - - img { vertical-align: top; } + { + background-color: yellow; + direction: ltr; + font: 20px/1 Ahem; + width: 21em; + } + + img + { + vertical-align: top; + } </style> </head> <body> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/flexbox_align-items-stretch-writing-modes-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/flexbox_align-items-stretch-writing-modes-ref.htm new file mode 100644 index 00000000000..0d30595c766 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/flexbox_align-items-stretch-writing-modes-ref.htm @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<html><head> + <title>Reference file</title> + <link href="mailto:mitsuteru.s@gmail.com" rel="author" title="Mitsuteru Sawa"> + <style> + .test { + height: 100px; + width: 250px; + background-color: green; + } + </style> +</head> +<body> + <p>The test passes if you see a green rectangle and no red.</p> + <div class="test"></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/full-width-horizontal-notref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/full-width-horizontal-notref.htm index 80f3a878338..608f17837f1 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/full-width-horizontal-notref.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/full-width-horizontal-notref.htm @@ -3,19 +3,14 @@ <meta charset="utf-8"> <title>CSS Test Reference</title> <link href="http://google.com/+MasatakaYakura" rel="author" title="Masataka Yakura"> -<style> -.tcu-all { - text-combine-upright: all; -} -</style> </head> <body> <p>Test passes if the following paragraphs are identical:</p> <div> - <p>６月<span class="tcu-all">19</span>日</p> - <p>６月<span class="tcu-all">19</span>日</p> + <p>６月19日</p> + <p>６月19日</p> </div> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/form-controls-slr.png b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/form-controls-srl.png b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/form-controls-vlr.png b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/table-progression-slr-001-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/table-progression-slr-001-ref.htm new file mode 100644 index 00000000000..ecf06a8ac9e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/table-progression-slr-001-ref.htm @@ -0,0 +1,95 @@ +<!DOCTYPE html> +<html><head><title>CSS Reference</title> +<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot"> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad"> + +<style> + table { + border-spacing: 0; + margin: 1em; + } + td { + width: 1em; + height: 1em; + border: solid gray; + } + + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + .purp { background: purple } + .pink { background: fuchsia } + .yllw { background: yellow } + .orng { background: orange } + caption { background: green; } +</style> + +</head><body><p>Test passes if the following three tables look identical. + +</p><table> + <caption></caption> + <tbody><tr> + <td class="teal"> + </td><td rowspan="3"> + </td><td colspan="2" rowspan="2"> + </td><td class="purp"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="aqua"> + </td><td rowspan="2"> + </td></tr><tr> + <td rowspan="2"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td class="blue"> + + </td></tr><tr> + <td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> +</td></tr></tbody></table> + +<table> + <tbody><tr> + <td class="teal"> + </td><td rowspan="3"> + </td><td colspan="2" rowspan="2"> + </td><td class="purp"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="aqua"> + </td><td rowspan="2"> + </td></tr><tr> + <td rowspan="2"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td class="blue"> + + </td></tr><tr> + <td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> +</td></tr></tbody></table> + +<table> + <tbody><tr> + <td class="teal"> + </td><td rowspan="3"> + </td><td colspan="2" rowspan="2"> + </td><td class="purp"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="aqua"> + </td><td rowspan="2"> + </td></tr><tr> + <td rowspan="2"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td class="blue"> + + </td></tr><tr> + <td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> +</td></tr></tbody></table></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-slr-009-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-slr-009-ref.htm new file mode 100644 index 00000000000..bceedf8749e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-slr-009-ref.htm @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> + <title>CSS Reftest Reference</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> + <meta name="flags" content="image"> + <style type="text/css"> + + img + { + padding-left: 78px; + vertical-align: top; + } + + img + br + img + { + padding-left: 30px; + } + + img + br + img + br + img + { + padding-left: 102px; + } + </style> + +</head> + +<body> + +<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + +<div><img src="support/swatch-fuchsia.png" width="48" height="60" alt="Image download support must be enabled"><br><img src="support/swatch-fuchsia.png" width="96" height="120" alt="Image download support must be enabled"><br><img src="support/swatch-fuchsia.png" width="24" height="30" alt="Image download support must be enabled"></div> + +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-002-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-vrl-002-ref.htm index fc936e38844..fc936e38844 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-002-ref.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-vrl-002-ref.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-006-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-vrl-006-ref.htm index f19e7b10d44..f19e7b10d44 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-006-ref.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-vrl-006-ref.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest-toc.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest-toc.htm index cd9b2712c55..e299a09b2e8 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest-toc.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest-toc.htm @@ -3048,398 +3048,398 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="block-flow-direction-001" class="ahem"> + <tbody id="block-flow-direction-004" class="ahem"> + <tr> + <td rowspan="1" title="'writing-mode' - initial value is 'horizontal-tb'"> + <a href="block-flow-direction-004.htm">block-flow-direction-004</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-htb-001" class="ahem"> <tr> <td rowspan="1" title="horizontal-tb - block flow direction of block-level boxes"> - <a href="block-flow-direction-001.htm">block-flow-direction-001</a></td> + <a href="block-flow-direction-htb-001.htm">block-flow-direction-htb-001</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-002" class="ahem"> + <tbody id="block-flow-direction-slr-043" class="ahem"> <tr> - <td rowspan="1" title="vertical-rl - block flow direction of block-level boxes"> - <a href="block-flow-direction-002.htm">block-flow-direction-002</a></td> - <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-043.htm">block-flow-direction-slr-043</a></td> + <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-003" class="ahem"> + <tbody id="block-flow-direction-slr-047" class="ahem"> <tr> - <td rowspan="1" title="vertical-lr - block flow direction of block-level boxes"> - <a href="block-flow-direction-003.htm">block-flow-direction-003</a></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1" title="'float: right' and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-047.htm">block-flow-direction-slr-047</a></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-004" class="ahem"> + <tbody id="block-flow-direction-slr-048" class="ahem"> <tr> - <td rowspan="1" title="'writing-mode' - initial value is 'horizontal-tb'"> - <a href="block-flow-direction-004.htm">block-flow-direction-004</a></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1" title="'float: right' and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-048.htm">block-flow-direction-slr-048</a></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-005" class="ahem"> + <tbody id="block-flow-direction-slr-050" class="ahem"> <tr> - <td rowspan="1" title="'float: left' and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-005.htm">block-flow-direction-005</a></td> + <td rowspan="1" title="position absolute and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-050.htm">block-flow-direction-slr-050</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-006" class="ahem"> + <tbody id="block-flow-direction-slr-054" class="ahem"> <tr> - <td rowspan="1" title="'float: left' and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-006.htm">block-flow-direction-006</a></td> + <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-054.htm">block-flow-direction-slr-054</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-007" class="ahem"> + <tbody id="block-flow-direction-slr-055" class="ahem"> <tr> - <td rowspan="1" title="'float: right' and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-007.htm">block-flow-direction-007</a></td> - <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-055.htm">block-flow-direction-slr-055</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-008" class="ahem"> + <tbody id="block-flow-direction-slr-056" class="ahem"> <tr> - <td rowspan="1" title="'float: right' and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-008.htm">block-flow-direction-008</a></td> - <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-056.htm">block-flow-direction-slr-056</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-009" class="ahem"> + <tbody id="block-flow-direction-slr-058" class="ahem"> <tr> - <td rowspan="1" title="position absolute and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-009.htm">block-flow-direction-009</a></td> + <td rowspan="1" title="table-cell and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-058.htm">block-flow-direction-slr-058</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-010" class="ahem"> + <tbody id="block-flow-direction-slr-060" class="ahem"> <tr> - <td rowspan="1" title="position absolute and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-010.htm">block-flow-direction-010</a></td> + <td rowspan="1" title="table-caption and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-060.htm">block-flow-direction-slr-060</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-011" class="ahem"> + <tbody id="block-flow-direction-slr-062" class="ahem image"> <tr> - <td rowspan="1" title="inline-block and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-011.htm">block-flow-direction-011</a></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1" title="list and sideways-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-062.htm">block-flow-direction-slr-062</a></td> + <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-slr-063" class="ahem"> + <tr> + <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-063.htm">block-flow-direction-slr-063</a></td> + <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-012" class="ahem"> + <tbody id="block-flow-direction-slr-066" class="image"> <tr> - <td rowspan="1" title="inline-block and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-012.htm">block-flow-direction-012</a></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1" title="writing mode (sideways-lr) of document - horizontal position of first block"> + <a href="block-flow-direction-slr-066.htm">block-flow-direction-slr-066</a></td> + <td><a href="reference/block-flow-direction-066-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-srl-042" class="ahem"> + <tr> + <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-042.htm">block-flow-direction-srl-042</a></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-013" class="ahem"> + <tbody id="block-flow-direction-srl-045" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-013.htm">block-flow-direction-013</a></td> + <td rowspan="1" title="'float: left' and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-045.htm">block-flow-direction-srl-045</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-014" class="ahem"> + <tbody id="block-flow-direction-srl-046" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-014.htm">block-flow-direction-014</a></td> + <td rowspan="1" title="'float: left' and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-046.htm">block-flow-direction-srl-046</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-015" class="ahem"> + <tbody id="block-flow-direction-srl-049" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-015.htm">block-flow-direction-015</a></td> + <td rowspan="1" title="position absolute and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-049.htm">block-flow-direction-srl-049</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-016" class="ahem"> + <tbody id="block-flow-direction-srl-051" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-016.htm">block-flow-direction-016</a></td> + <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-051.htm">block-flow-direction-srl-051</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-017" class="ahem"> + <tbody id="block-flow-direction-srl-052" class="ahem"> <tr> - <td rowspan="1" title="table-cell and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-017.htm">block-flow-direction-017</a></td> + <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-052.htm">block-flow-direction-srl-052</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-018" class="ahem"> + <tbody id="block-flow-direction-srl-053" class="ahem"> <tr> - <td rowspan="1" title="table-cell and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-018.htm">block-flow-direction-018</a></td> + <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-053.htm">block-flow-direction-srl-053</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-019" class="ahem"> + <tbody id="block-flow-direction-srl-057" class="ahem"> <tr> - <td rowspan="1" title="table-caption and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-019.htm">block-flow-direction-019</a></td> + <td rowspan="1" title="table-cell and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-057.htm">block-flow-direction-srl-057</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-020" class="ahem"> + <tbody id="block-flow-direction-srl-059" class="ahem"> <tr> - <td rowspan="1" title="table-caption and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-020.htm">block-flow-direction-020</a></td> + <td rowspan="1" title="table-caption and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-059.htm">block-flow-direction-srl-059</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-021" class="ahem image"> + <tbody id="block-flow-direction-srl-061" class="ahem image"> <tr> - <td rowspan="1" title="list and vertical-rl - block flow direction of block-level boxes"> - <a href="block-flow-direction-021.htm">block-flow-direction-021</a></td> + <td rowspan="1" title="list and sideways-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-061.htm">block-flow-direction-srl-061</a></td> <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-022" class="ahem image"> + <tbody id="block-flow-direction-srl-064" class="ahem"> <tr> - <td rowspan="1" title="list and vertical-lr - block flow direction of block-level boxes"> - <a href="block-flow-direction-022.htm">block-flow-direction-022</a></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-064.htm">block-flow-direction-srl-064</a></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-srl-065" class="image"> + <tr> + <td rowspan="1" title="writing mode (sideways-rl) of document - horizontal position of first block"> + <a href="block-flow-direction-srl-065.htm">block-flow-direction-srl-065</a></td> + <td><a href="reference/block-flow-direction-025-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-023" class="ahem"> + <tbody id="block-flow-direction-vlr-003" class="ahem"> <tr> <td rowspan="1" title="vertical-lr - block flow direction of block-level boxes"> - <a href="block-flow-direction-023.htm">block-flow-direction-023</a></td> + <a href="block-flow-direction-vlr-003.htm">block-flow-direction-vlr-003</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-024" class="ahem"> + <tbody id="block-flow-direction-vlr-007" class="ahem"> <tr> - <td rowspan="1" title="vertical-rl - block flow direction of block-level boxes"> - <a href="block-flow-direction-024.htm">block-flow-direction-024</a></td> + <td rowspan="1" title="'float: right' and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-007.htm">block-flow-direction-vlr-007</a></td> <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-025" class="image"> - <tr> - <td rowspan="1" title="writing mode of document - horizontal position of first block"> - <a href="block-flow-direction-025.htm">block-flow-direction-025</a></td> - <td><a href="reference/block-flow-direction-025-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - </tr> - </tbody> - <tbody id="block-flow-direction-042" class="ahem"> + <tbody id="block-flow-direction-vlr-008" class="ahem"> <tr> - <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes"> - <a href="block-flow-direction-042.htm">block-flow-direction-042</a></td> + <td rowspan="1" title="'float: right' and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-008.htm">block-flow-direction-vlr-008</a></td> <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-043" class="ahem"> + <tbody id="block-flow-direction-vlr-010" class="ahem"> <tr> - <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes"> - <a href="block-flow-direction-043.htm">block-flow-direction-043</a></td> - <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td> + <td rowspan="1" title="position absolute and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-010.htm">block-flow-direction-vlr-010</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-045" class="ahem"> + <tbody id="block-flow-direction-vlr-014" class="ahem"> <tr> - <td rowspan="1" title="'float: left' and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-045.htm">block-flow-direction-045</a></td> + <td rowspan="1" title="inline-block and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-014.htm">block-flow-direction-vlr-014</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-046" class="ahem"> + <tbody id="block-flow-direction-vlr-015" class="ahem"> <tr> - <td rowspan="1" title="'float: left' and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-046.htm">block-flow-direction-046</a></td> + <td rowspan="1" title="inline-block and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-015.htm">block-flow-direction-vlr-015</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-047" class="ahem"> + <tbody id="block-flow-direction-vlr-016" class="ahem"> <tr> - <td rowspan="1" title="'float: right' and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-047.htm">block-flow-direction-047</a></td> - <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <td rowspan="1" title="inline-block and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-016.htm">block-flow-direction-vlr-016</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-048" class="ahem"> + <tbody id="block-flow-direction-vlr-018" class="ahem"> <tr> - <td rowspan="1" title="'float: right' and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-048.htm">block-flow-direction-048</a></td> - <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <td rowspan="1" title="table-cell and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-018.htm">block-flow-direction-vlr-018</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-049" class="ahem"> + <tbody id="block-flow-direction-vlr-020" class="ahem"> <tr> - <td rowspan="1" title="position absolute and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-049.htm">block-flow-direction-049</a></td> + <td rowspan="1" title="table-caption and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-020.htm">block-flow-direction-vlr-020</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-050" class="ahem"> + <tbody id="block-flow-direction-vlr-022" class="ahem image"> <tr> - <td rowspan="1" title="position absolute and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-050.htm">block-flow-direction-050</a></td> + <td rowspan="1" title="list and vertical-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-022.htm">block-flow-direction-vlr-022</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-051" class="ahem"> + <tbody id="block-flow-direction-vlr-023" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-051.htm">block-flow-direction-051</a></td> + <td rowspan="1" title="vertical-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-023.htm">block-flow-direction-vlr-023</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-052" class="ahem"> + <tbody id="block-flow-direction-vrl-002" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-052.htm">block-flow-direction-052</a></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1" title="vertical-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-002.htm">block-flow-direction-vrl-002</a></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-053" class="ahem"> + <tbody id="block-flow-direction-vrl-005" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-053.htm">block-flow-direction-053</a></td> + <td rowspan="1" title="'float: left' and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-005.htm">block-flow-direction-vrl-005</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-054" class="ahem"> + <tbody id="block-flow-direction-vrl-006" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-054.htm">block-flow-direction-054</a></td> + <td rowspan="1" title="'float: left' and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-006.htm">block-flow-direction-vrl-006</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-055" class="ahem"> + <tbody id="block-flow-direction-vrl-009" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-055.htm">block-flow-direction-055</a></td> + <td rowspan="1" title="position absolute and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-009.htm">block-flow-direction-vrl-009</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-056" class="ahem"> + <tbody id="block-flow-direction-vrl-011" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-056.htm">block-flow-direction-056</a></td> + <td rowspan="1" title="inline-block and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-011.htm">block-flow-direction-vrl-011</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-057" class="ahem"> + <tbody id="block-flow-direction-vrl-012" class="ahem"> <tr> - <td rowspan="1" title="table-cell and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-057.htm">block-flow-direction-057</a></td> + <td rowspan="1" title="inline-block and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-012.htm">block-flow-direction-vrl-012</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-058" class="ahem"> + <tbody id="block-flow-direction-vrl-013" class="ahem"> <tr> - <td rowspan="1" title="table-cell and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-058.htm">block-flow-direction-058</a></td> + <td rowspan="1" title="inline-block and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-013.htm">block-flow-direction-vrl-013</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-059" class="ahem"> + <tbody id="block-flow-direction-vrl-017" class="ahem"> <tr> - <td rowspan="1" title="table-caption and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-059.htm">block-flow-direction-059</a></td> + <td rowspan="1" title="table-cell and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-017.htm">block-flow-direction-vrl-017</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-060" class="ahem"> + <tbody id="block-flow-direction-vrl-019" class="ahem"> <tr> - <td rowspan="1" title="table-caption and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-060.htm">block-flow-direction-060</a></td> + <td rowspan="1" title="table-caption and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-019.htm">block-flow-direction-vrl-019</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-061" class="ahem image"> + <tbody id="block-flow-direction-vrl-021" class="ahem image"> <tr> - <td rowspan="1" title="list and sideways-rl - block flow direction of block-level boxes"> - <a href="block-flow-direction-061.htm">block-flow-direction-061</a></td> + <td rowspan="1" title="list and vertical-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-021.htm">block-flow-direction-vrl-021</a></td> <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-062" class="ahem image"> + <tbody id="block-flow-direction-vrl-024" class="ahem"> <tr> - <td rowspan="1" title="list and sideways-lr - block flow direction of block-level boxes"> - <a href="block-flow-direction-062.htm">block-flow-direction-062</a></td> - <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - </tr> - </tbody> - <tbody id="block-flow-direction-063" class="ahem"> - <tr> - <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes"> - <a href="block-flow-direction-063.htm">block-flow-direction-063</a></td> - <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="block-flow-direction-064" class="ahem"> - <tr> - <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes"> - <a href="block-flow-direction-064.htm">block-flow-direction-064</a></td> + <td rowspan="1" title="vertical-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-024.htm">block-flow-direction-vrl-024</a></td> <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-065" class="image"> + <tbody id="block-flow-direction-vrl-025" class="image"> <tr> - <td rowspan="1" title="writing mode (sideways-rl) of document - horizontal position of first block"> - <a href="block-flow-direction-065.htm">block-flow-direction-065</a></td> + <td rowspan="1" title="writing mode of document - horizontal position of first block"> + <a href="block-flow-direction-vrl-025.htm">block-flow-direction-vrl-025</a></td> <td><a href="reference/block-flow-direction-025-ref.htm">=</a> </td> <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-066" class="image"> - <tr> - <td rowspan="1" title="writing mode (sideways-lr) of document - horizontal position of first block"> - <a href="block-flow-direction-066.htm">block-flow-direction-066</a></td> - <td><a href="reference/block-flow-direction-066-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - </tr> - </tbody> <tbody id="block-override-001" class=""> <tr> <td rowspan="1" title="direction: div override rtl"> @@ -4176,6 +4176,14 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="flexbox_align-items-stretch-writing-modes" class=""> + <tr> + <td rowspan="1" title="Flexbox align-items: stretch with writing-mode vertical-lr and vertical-rl"> + <a href="flexbox_align-items-stretch-writing-modes.htm">flexbox_align-items-stretch-writing-modes</a></td> + <td><a href="reference/flexbox_align-items-stretch-writing-modes-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="float-clear-vlr-003" class="ahem image"> <tr> <td rowspan="1" title="'float: right' and 'clear: right' in 'vertical-lr' block formating context (basic)"> @@ -4720,154 +4728,298 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-001" class="ahem"> + <tbody id="line-box-direction-htb-001" class="ahem"> <tr> <td rowspan="1" title="horizontal-tb - ordering direction of line boxes"> - <a href="line-box-direction-001.htm">line-box-direction-001</a></td> + <a href="line-box-direction-htb-001.htm">line-box-direction-htb-001</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-002" class="ahem"> + <tbody id="line-box-direction-slr-043" class="ahem"> <tr> - <td rowspan="1" title="vertical-rl - ordering direction of line boxes"> - <a href="line-box-direction-002.htm">line-box-direction-002</a></td> + <td rowspan="1" title="sideways-lr - ordering direction of line boxes"> + <a href="line-box-direction-slr-043.htm">line-box-direction-slr-043</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-003" class="ahem"> + <tbody id="line-box-direction-slr-047" class="ahem"> <tr> - <td rowspan="1" title="vertical-lr - ordering direction of line boxes"> - <a href="line-box-direction-003.htm">line-box-direction-003</a></td> + <td rowspan="1" title="'float: right' and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-047.htm">line-box-direction-slr-047</a></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-slr-048" class="ahem"> + <tr> + <td rowspan="1" title="'float: right' and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-048.htm">line-box-direction-slr-048</a></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-slr-050" class="ahem"> + <tr> + <td rowspan="1" title="position absolute and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-050.htm">line-box-direction-slr-050</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-005" class="ahem"> + <tbody id="line-box-direction-slr-053" class="ahem"> <tr> - <td rowspan="1" title="'float: left' and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-005.htm">line-box-direction-005</a></td> + <td rowspan="1" title="inline-block and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-053.htm">line-box-direction-slr-053</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-006" class="ahem"> + <tbody id="line-box-direction-slr-054" class="ahem"> <tr> - <td rowspan="1" title="'float: left' and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-006.htm">line-box-direction-006</a></td> + <td rowspan="1" title="inline-block and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-054.htm">line-box-direction-slr-054</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-slr-056" class="ahem"> + <tr> + <td rowspan="1" title="table-cell and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-056.htm">line-box-direction-slr-056</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-007" class="ahem"> + <tbody id="line-box-direction-slr-058" class="ahem"> + <tr> + <td rowspan="1" title="table-caption and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-058.htm">line-box-direction-slr-058</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-slr-060" class="ahem"> + <tr> + <td rowspan="1" title="list and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-060.htm">line-box-direction-slr-060</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-042" class="ahem"> + <tr> + <td rowspan="1" title="sideways-rl - ordering direction of line boxes"> + <a href="line-box-direction-srl-042.htm">line-box-direction-srl-042</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-045" class="ahem"> + <tr> + <td rowspan="1" title="'float: left' and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-045.htm">line-box-direction-srl-045</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-046" class="ahem"> + <tr> + <td rowspan="1" title="'float: left' and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-046.htm">line-box-direction-srl-046</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-049" class="ahem"> + <tr> + <td rowspan="1" title="position absolute and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-049.htm">line-box-direction-srl-049</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-051" class="ahem"> + <tr> + <td rowspan="1" title="inline-block and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-051.htm">line-box-direction-srl-051</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-052" class="ahem"> + <tr> + <td rowspan="1" title="inline-block and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-052.htm">line-box-direction-srl-052</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-055" class="ahem"> + <tr> + <td rowspan="1" title="table-cell and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-055.htm">line-box-direction-srl-055</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-057" class="ahem"> + <tr> + <td rowspan="1" title="table-caption and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-057.htm">line-box-direction-srl-057</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-059" class="ahem"> + <tr> + <td rowspan="1" title="list and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-059.htm">line-box-direction-srl-059</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-vlr-003" class="ahem"> + <tr> + <td rowspan="1" title="vertical-lr - ordering direction of line boxes"> + <a href="line-box-direction-vlr-003.htm">line-box-direction-vlr-003</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-vlr-007" class="ahem"> <tr> <td rowspan="1" title="'float: right' and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-007.htm">line-box-direction-007</a></td> + <a href="line-box-direction-vlr-007.htm">line-box-direction-vlr-007</a></td> <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-008" class="ahem"> + <tbody id="line-box-direction-vlr-008" class="ahem"> <tr> <td rowspan="1" title="'float: right' and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-008.htm">line-box-direction-008</a></td> + <a href="line-box-direction-vlr-008.htm">line-box-direction-vlr-008</a></td> <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-009" class="ahem"> + <tbody id="line-box-direction-vlr-010" class="ahem"> <tr> - <td rowspan="1" title="position absolute and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-009.htm">line-box-direction-009</a></td> + <td rowspan="1" title="position absolute and 'vertical-lr' - ordering direction of line boxes"> + <a href="line-box-direction-vlr-010.htm">line-box-direction-vlr-010</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-010" class="ahem"> + <tbody id="line-box-direction-vlr-013" class="ahem"> <tr> - <td rowspan="1" title="position absolute and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-010.htm">line-box-direction-010</a></td> + <td rowspan="1" title="inline-block and 'vertical-lr' - ordering direction of line boxes"> + <a href="line-box-direction-vlr-013.htm">line-box-direction-vlr-013</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-011" class="ahem"> + <tbody id="line-box-direction-vlr-014" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-011.htm">line-box-direction-011</a></td> + <td rowspan="1" title="inline-block and 'vertical-lr' - ordering direction of line boxes"> + <a href="line-box-direction-vlr-014.htm">line-box-direction-vlr-014</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-012" class="ahem"> + <tbody id="line-box-direction-vlr-016" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-012.htm">line-box-direction-012</a></td> + <td rowspan="1" title="table-cell and 'vertical-lr' - ordering direction of line boxes"> + <a href="line-box-direction-vlr-016.htm">line-box-direction-vlr-016</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-013" class="ahem"> + <tbody id="line-box-direction-vlr-018" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-013.htm">line-box-direction-013</a></td> + <td rowspan="1" title="table-caption and 'vertical-lr' - ordering direction of line boxes"> + <a href="line-box-direction-vlr-018.htm">line-box-direction-vlr-018</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-014" class="ahem"> + <tbody id="line-box-direction-vlr-020" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-014.htm">line-box-direction-014</a></td> + <td rowspan="1" title="list and 'vertical-lr' - ordering direction of line boxes"> + <a href="line-box-direction-vlr-020.htm">line-box-direction-vlr-020</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-015" class="ahem"> + <tbody id="line-box-direction-vrl-002" class="ahem"> <tr> - <td rowspan="1" title="table-cell and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-015.htm">line-box-direction-015</a></td> + <td rowspan="1" title="vertical-rl - ordering direction of line boxes"> + <a href="line-box-direction-vrl-002.htm">line-box-direction-vrl-002</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-016" class="ahem"> + <tbody id="line-box-direction-vrl-005" class="ahem"> <tr> - <td rowspan="1" title="table-cell and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-016.htm">line-box-direction-016</a></td> + <td rowspan="1" title="'float: left' and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-005.htm">line-box-direction-vrl-005</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-017" class="ahem"> + <tbody id="line-box-direction-vrl-006" class="ahem"> <tr> - <td rowspan="1" title="table-caption and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-017.htm">line-box-direction-017</a></td> + <td rowspan="1" title="'float: left' and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-006.htm">line-box-direction-vrl-006</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-018" class="ahem"> + <tbody id="line-box-direction-vrl-009" class="ahem"> <tr> - <td rowspan="1" title="table-caption and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-018.htm">line-box-direction-018</a></td> + <td rowspan="1" title="position absolute and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-009.htm">line-box-direction-vrl-009</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-019" class="ahem"> + <tbody id="line-box-direction-vrl-011" class="ahem"> <tr> - <td rowspan="1" title="list and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-019.htm">line-box-direction-019</a></td> + <td rowspan="1" title="inline-block and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-011.htm">line-box-direction-vrl-011</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-020" class="ahem"> + <tbody id="line-box-direction-vrl-012" class="ahem"> <tr> - <td rowspan="1" title="list and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-020.htm">line-box-direction-020</a></td> + <td rowspan="1" title="inline-block and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-012.htm">line-box-direction-vrl-012</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-vrl-015" class="ahem"> + <tr> + <td rowspan="1" title="table-cell and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-015.htm">line-box-direction-vrl-015</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-vrl-017" class="ahem"> + <tr> + <td rowspan="1" title="table-caption and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-017.htm">line-box-direction-vrl-017</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-vrl-019" class="ahem"> + <tr> + <td rowspan="1" title="list and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-019.htm">line-box-direction-vrl-019</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> @@ -5264,66 +5416,98 @@ <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="row-progression-002" class="ahem"> + <tbody id="row-progression-slr-023" class="ahem"> <tr> - <td rowspan="1" title="vertical-rl - table rows progression"> - <a href="row-progression-002.htm">row-progression-002</a></td> + <td rowspan="1" title="sideways-lr - table rows progression"> + <a href="row-progression-slr-023.htm">row-progression-slr-023</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="row-progression-003" class="ahem"> + <tbody id="row-progression-slr-029" class="ahem"> <tr> - <td rowspan="1" title="vertical-lr - table rows progression"> - <a href="row-progression-003.htm">row-progression-003</a></td> + <td rowspan="1" title="sideways-lr - table rows progression (thead, 2 tbodies, tfoot)"> + <a href="row-progression-slr-029.htm">row-progression-slr-029</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="row-progression-004" class="ahem"> + <tbody id="row-progression-srl-022" class="ahem"> <tr> - <td rowspan="1" title="vertical-rl - table rows progression and colspan"> - <a href="row-progression-004.htm">row-progression-004</a></td> + <td rowspan="1" title="sideways-rl - table rows progression"> + <a href="row-progression-srl-022.htm">row-progression-srl-022</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="row-progression-005" class="ahem"> + <tbody id="row-progression-srl-028" class="ahem"> <tr> - <td rowspan="1" title="vertical-lr - table rows progression and colspan"> - <a href="row-progression-005.htm">row-progression-005</a></td> + <td rowspan="1" title="sideways-rl - table rows progression (thead, 2 tbodies, tfoot)"> + <a href="row-progression-srl-028.htm">row-progression-srl-028</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="row-progression-006" class="ahem"> + <tbody id="row-progression-vlr-003" class="ahem"> <tr> - <td rowspan="1" title="vertical-rl - table rows progression and rowspan"> - <a href="row-progression-006.htm">row-progression-006</a></td> + <td rowspan="1" title="vertical-lr - table rows progression"> + <a href="row-progression-vlr-003.htm">row-progression-vlr-003</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="row-progression-007" class="ahem"> + <tbody id="row-progression-vlr-005" class="ahem"> <tr> - <td rowspan="1" title="vertical-lr - table rows progression and rowspan"> - <a href="row-progression-007.htm">row-progression-007</a></td> + <td rowspan="1" title="vertical-lr - table rows progression and colspan"> + <a href="row-progression-vlr-005.htm">row-progression-vlr-005</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="row-progression-008" class="ahem"> + <tbody id="row-progression-vlr-007" class="ahem"> <tr> - <td rowspan="1" title="vertical-rl - table rows progression (thead, 2 tbodies, tfoot)"> - <a href="row-progression-008.htm">row-progression-008</a></td> + <td rowspan="1" title="vertical-lr - table rows progression and rowspan"> + <a href="row-progression-vlr-007.htm">row-progression-vlr-007</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="row-progression-009" class="ahem"> + <tbody id="row-progression-vlr-009" class="ahem"> <tr> <td rowspan="1" title="vertical-lr - table rows progression (thead, 2 tbodies, tfoot)"> - <a href="row-progression-009.htm">row-progression-009</a></td> + <a href="row-progression-vlr-009.htm">row-progression-vlr-009</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="row-progression-vrl-002" class="ahem"> + <tr> + <td rowspan="1" title="vertical-rl - table rows progression"> + <a href="row-progression-vrl-002.htm">row-progression-vrl-002</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="row-progression-vrl-004" class="ahem"> + <tr> + <td rowspan="1" title="vertical-rl - table rows progression and colspan"> + <a href="row-progression-vrl-004.htm">row-progression-vrl-004</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="row-progression-vrl-006" class="ahem"> + <tr> + <td rowspan="1" title="vertical-rl - table rows progression and rowspan"> + <a href="row-progression-vrl-006.htm">row-progression-vrl-006</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="row-progression-vrl-008" class="ahem"> + <tr> + <td rowspan="1" title="vertical-rl - table rows progression (thead, 2 tbodies, tfoot)"> + <a href="row-progression-vrl-008.htm">row-progression-vrl-008</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> @@ -5360,6 +5544,38 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> + <tbody id="table-progression-slr-001" class=""> + <tr> + <td rowspan="1" title="sideways-lr Table Row/Rowgroup/Cell Ordering"> + <a href="table-progression-slr-001.htm">table-progression-slr-001</a></td> + <td><a href="reference/table-progression-slr-001-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-slr-002" class=""> + <tr> + <td rowspan="1" title="sideways-lr Table Column/Colgroup Ordering"> + <a href="table-progression-slr-002.htm">table-progression-slr-002</a></td> + <td><a href="reference/table-progression-002-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-srl-001" class=""> + <tr> + <td rowspan="1" title="sideways-rl Table Row/Rowgroup/Cell Ordering"> + <a href="table-progression-srl-001.htm">table-progression-srl-001</a></td> + <td><a href="reference/table-progression-001-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-srl-002" class=""> + <tr> + <td rowspan="1" title="sideways-rl Table Column/Colgroup Ordering"> + <a href="table-progression-srl-002.htm">table-progression-srl-002</a></td> + <td><a href="reference/table-progression-002-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="table-progression-vlr-001" class=""> <tr> <td rowspan="1" title="vertical-lr Table Row/Rowgroup/Cell Ordering"> @@ -5568,51 +5784,99 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="text-baseline-002" class="ahem"> + <tbody id="text-baseline-slr-009" class="ahem"> <tr> - <td rowspan="1" title="text baseline alignment - central alignment with vertical layout"> - <a href="text-baseline-002.htm">text-baseline-002</a></td> - <td><a href="reference/text-baseline-002-ref.htm">=</a> </td> + <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> + <a href="text-baseline-slr-009.htm">text-baseline-slr-009</a></td> + <td><a href="reference/text-baseline-slr-009-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="text-baseline-003" class="ahem"> + <tbody id="text-baseline-slr-011" class="ahem"> <tr> - <td rowspan="1" title="text baseline alignment - central alignment with vertical layout"> - <a href="text-baseline-003.htm">text-baseline-003</a></td> - <td><a href="reference/text-baseline-002-ref.htm">=</a> </td> + <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> + <a href="text-baseline-slr-011.htm">text-baseline-slr-011</a></td> + <td><a href="reference/text-baseline-slr-009-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="text-baseline-slr-013" class="ahem"> + <tr> + <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> + <a href="text-baseline-slr-013.htm">text-baseline-slr-013</a></td> + <td><a href="reference/text-baseline-slr-009-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="text-baseline-004" class="ahem"> + <tbody id="text-baseline-srl-008" class="ahem"> + <tr> + <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> + <a href="text-baseline-srl-008.htm">text-baseline-srl-008</a></td> + <td><a href="reference/text-baseline-vrl-006-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="text-baseline-srl-010" class="ahem"> + <tr> + <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> + <a href="text-baseline-srl-010.htm">text-baseline-srl-010</a></td> + <td><a href="reference/text-baseline-vrl-006-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="text-baseline-srl-012" class="ahem"> + <tr> + <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> + <a href="text-baseline-srl-012.htm">text-baseline-srl-012</a></td> + <td><a href="reference/text-baseline-vrl-006-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="text-baseline-vlr-003" class="ahem"> <tr> <td rowspan="1" title="text baseline alignment - central alignment with vertical layout"> - <a href="text-baseline-004.htm">text-baseline-004</a></td> - <td><a href="reference/text-baseline-002-ref.htm">=</a> </td> + <a href="text-baseline-vlr-003.htm">text-baseline-vlr-003</a></td> + <td><a href="reference/text-baseline-vrl-002-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="text-baseline-005" class="ahem"> + <tbody id="text-baseline-vlr-005" class="ahem"> <tr> <td rowspan="1" title="text baseline alignment - central alignment with vertical layout"> - <a href="text-baseline-005.htm">text-baseline-005</a></td> - <td><a href="reference/text-baseline-002-ref.htm">=</a> </td> + <a href="text-baseline-vlr-005.htm">text-baseline-vlr-005</a></td> + <td><a href="reference/text-baseline-vrl-002-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="text-baseline-006" class="ahem"> + <tbody id="text-baseline-vlr-007" class="ahem"> <tr> <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> - <a href="text-baseline-006.htm">text-baseline-006</a></td> - <td><a href="reference/text-baseline-006-ref.htm">=</a> </td> + <a href="text-baseline-vlr-007.htm">text-baseline-vlr-007</a></td> + <td><a href="reference/text-baseline-vrl-006-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="text-baseline-007" class="ahem"> + <tbody id="text-baseline-vrl-002" class="ahem"> + <tr> + <td rowspan="1" title="text baseline alignment - central alignment with vertical layout"> + <a href="text-baseline-vrl-002.htm">text-baseline-vrl-002</a></td> + <td><a href="reference/text-baseline-vrl-002-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="text-baseline-vrl-004" class="ahem"> + <tr> + <td rowspan="1" title="text baseline alignment - central alignment with vertical layout"> + <a href="text-baseline-vrl-004.htm">text-baseline-vrl-004</a></td> + <td><a href="reference/text-baseline-vrl-002-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="text-baseline-vrl-006" class="ahem"> <tr> <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> - <a href="text-baseline-007.htm">text-baseline-007</a></td> - <td><a href="reference/text-baseline-006-ref.htm">=</a> </td> + <a href="text-baseline-vrl-006.htm">text-baseline-vrl-006</a></td> + <td><a href="reference/text-baseline-vrl-006-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> @@ -6160,14 +6424,6 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="writing-mode-stretch-001" class=""> - <tr> - <td rowspan="1" title="writing-mode vertical-lr and vertical-rl"> - <a href="writing-mode-stretch-001.htm">writing-mode-stretch-001</a></td> - <td><a href="reference/writing-mode-stretch-001-ref.htm">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> <tbody id="writing-mode-vertical-lr-002" class="ahem"> <tr> <td rowspan="1" title="writing-mode: vertical-lr - basic inline case"> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest.list b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest.list index c126758c877..cacb7beb88d 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest.list +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest.list @@ -377,55 +377,55 @@ bidi-unset-010.htm == reference/bidi-normal-010.htm block-embed-001.htm == reference/block-embed-001.htm block-embed-002.htm == reference/block-embed-002.htm block-embed-003.htm == reference/block-embed-003.htm -block-flow-direction-001.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-002.htm == reference/block-flow-direction-002-ref.htm -block-flow-direction-003.htm == reference/block-flow-direction-001-ref.htm block-flow-direction-004.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-005.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-006.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-007.htm == reference/block-flow-direction-002-ref.htm -block-flow-direction-008.htm == reference/block-flow-direction-002-ref.htm -block-flow-direction-009.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-010.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-011.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-012.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-013.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-014.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-015.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-016.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-017.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-018.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-019.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-020.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-021.htm == reference/block-flow-direction-002-ref.htm -block-flow-direction-022.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-023.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-024.htm == reference/block-flow-direction-002-ref.htm -block-flow-direction-025.htm == reference/block-flow-direction-025-ref.htm -block-flow-direction-042.htm == reference/block-flow-direction-002-ref.htm -block-flow-direction-043.htm == reference/block-flow-direction-043-ref.htm -block-flow-direction-045.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-046.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-047.htm == reference/block-flow-direction-002-ref.htm -block-flow-direction-048.htm == reference/block-flow-direction-002-ref.htm -block-flow-direction-049.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-050.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-051.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-052.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-053.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-054.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-055.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-056.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-057.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-058.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-059.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-060.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-061.htm == reference/block-flow-direction-002-ref.htm -block-flow-direction-062.htm == reference/block-flow-direction-043-ref.htm -block-flow-direction-063.htm == reference/block-flow-direction-043-ref.htm -block-flow-direction-064.htm == reference/block-flow-direction-002-ref.htm -block-flow-direction-065.htm == reference/block-flow-direction-025-ref.htm -block-flow-direction-066.htm == reference/block-flow-direction-066-ref.htm +block-flow-direction-htb-001.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-slr-043.htm == reference/block-flow-direction-043-ref.htm +block-flow-direction-slr-047.htm == reference/block-flow-direction-002-ref.htm +block-flow-direction-slr-048.htm == reference/block-flow-direction-002-ref.htm +block-flow-direction-slr-050.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-slr-054.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-slr-055.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-slr-056.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-slr-058.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-slr-060.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-slr-062.htm == reference/block-flow-direction-043-ref.htm +block-flow-direction-slr-063.htm == reference/block-flow-direction-043-ref.htm +block-flow-direction-slr-066.htm == reference/block-flow-direction-066-ref.htm +block-flow-direction-srl-042.htm == reference/block-flow-direction-002-ref.htm +block-flow-direction-srl-045.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-srl-046.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-srl-049.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-srl-051.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-srl-052.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-srl-053.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-srl-057.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-srl-059.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-srl-061.htm == reference/block-flow-direction-002-ref.htm +block-flow-direction-srl-064.htm == reference/block-flow-direction-002-ref.htm +block-flow-direction-srl-065.htm == reference/block-flow-direction-025-ref.htm +block-flow-direction-vlr-003.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vlr-007.htm == reference/block-flow-direction-002-ref.htm +block-flow-direction-vlr-008.htm == reference/block-flow-direction-002-ref.htm +block-flow-direction-vlr-010.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vlr-014.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vlr-015.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vlr-016.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vlr-018.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vlr-020.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vlr-022.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vlr-023.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vrl-002.htm == reference/block-flow-direction-002-ref.htm +block-flow-direction-vrl-005.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vrl-006.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vrl-009.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vrl-011.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vrl-012.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vrl-013.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vrl-017.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vrl-019.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vrl-021.htm == reference/block-flow-direction-002-ref.htm +block-flow-direction-vrl-024.htm == reference/block-flow-direction-002-ref.htm +block-flow-direction-vrl-025.htm == reference/block-flow-direction-025-ref.htm block-override-001.htm == reference/block-override-001.htm block-override-002.htm == reference/block-override-002.htm block-override-003.htm == reference/block-override-003.htm @@ -518,6 +518,7 @@ extract-ordered-list-direction-and-writing-modes.htm == reference/extract-ordere flexbox-writing-mode-007.htm == reference/flexbox-writing-mode-007-ref.htm flexbox-writing-mode-008.htm == reference/flexbox-writing-mode-008-ref.htm flexbox-writing-mode-009.htm == reference/flexbox-writing-mode-009-ref.htm +flexbox_align-items-stretch-writing-modes.htm == reference/flexbox_align-items-stretch-writing-modes-ref.htm float-clear-vlr-003.htm == reference/ref-filled-green-100px-square.htm float-clear-vlr-005.htm == reference/ref-filled-green-100px-square.htm float-clear-vlr-007.htm == reference/ref-filled-green-100px-square.htm @@ -586,25 +587,43 @@ inline-table-alignment-002.htm == reference/inline-table-alignment-002-ref.htm inline-table-alignment-003.htm == reference/inline-table-alignment-003-ref.htm inline-table-alignment-004.htm == reference/inline-table-alignment-002-ref.htm inline-table-alignment-005.htm == reference/inline-table-alignment-003-ref.htm -line-box-direction-001.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-002.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-003.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-005.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-006.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-007.htm == reference/block-flow-direction-002-ref.htm -line-box-direction-008.htm == reference/block-flow-direction-002-ref.htm -line-box-direction-009.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-010.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-011.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-012.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-013.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-014.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-015.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-016.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-017.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-018.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-019.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-020.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-htb-001.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-slr-043.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-slr-047.htm == reference/block-flow-direction-002-ref.htm +line-box-direction-slr-048.htm == reference/block-flow-direction-002-ref.htm +line-box-direction-slr-050.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-slr-053.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-slr-054.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-slr-056.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-slr-058.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-slr-060.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-srl-042.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-srl-045.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-srl-046.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-srl-049.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-srl-051.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-srl-052.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-srl-055.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-srl-057.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-srl-059.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vlr-003.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vlr-007.htm == reference/block-flow-direction-002-ref.htm +line-box-direction-vlr-008.htm == reference/block-flow-direction-002-ref.htm +line-box-direction-vlr-010.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vlr-013.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vlr-014.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vlr-016.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vlr-018.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vlr-020.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vrl-002.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vrl-005.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vrl-006.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vrl-009.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vrl-011.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vrl-012.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vrl-015.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vrl-017.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vrl-019.htm == reference/block-flow-direction-001-ref.htm line-box-height-vlr-003.htm == reference/line-box-height-vlr-003-ref.htm line-box-height-vlr-005.htm == reference/line-box-height-vlr-003-ref.htm line-box-height-vlr-007.htm == reference/line-box-height-vlr-007-ref.htm @@ -654,18 +673,26 @@ percent-padding-vlr-007.htm == reference/margin-vrl-002-ref.htm percent-padding-vrl-002.htm == reference/margin-vrl-002-ref.htm percent-padding-vrl-004.htm == reference/margin-vrl-002-ref.htm percent-padding-vrl-006.htm == reference/margin-vrl-002-ref.htm -row-progression-002.htm == reference/block-flow-direction-001-ref.htm -row-progression-003.htm == reference/block-flow-direction-001-ref.htm -row-progression-004.htm == reference/block-flow-direction-001-ref.htm -row-progression-005.htm == reference/block-flow-direction-001-ref.htm -row-progression-006.htm == reference/block-flow-direction-001-ref.htm -row-progression-007.htm == reference/block-flow-direction-001-ref.htm -row-progression-008.htm == reference/block-flow-direction-001-ref.htm -row-progression-009.htm == reference/block-flow-direction-001-ref.htm +row-progression-slr-023.htm == reference/block-flow-direction-001-ref.htm +row-progression-slr-029.htm == reference/block-flow-direction-001-ref.htm +row-progression-srl-022.htm == reference/block-flow-direction-001-ref.htm +row-progression-srl-028.htm == reference/block-flow-direction-001-ref.htm +row-progression-vlr-003.htm == reference/block-flow-direction-001-ref.htm +row-progression-vlr-005.htm == reference/block-flow-direction-001-ref.htm +row-progression-vlr-007.htm == reference/block-flow-direction-001-ref.htm +row-progression-vlr-009.htm == reference/block-flow-direction-001-ref.htm +row-progression-vrl-002.htm == reference/block-flow-direction-001-ref.htm +row-progression-vrl-004.htm == reference/block-flow-direction-001-ref.htm +row-progression-vrl-006.htm == reference/block-flow-direction-001-ref.htm +row-progression-vrl-008.htm == reference/block-flow-direction-001-ref.htm table-column-order-002.htm == reference/block-flow-direction-001-ref.htm table-column-order-003.htm == reference/block-flow-direction-001-ref.htm table-column-order-004.htm == reference/block-flow-direction-001-ref.htm table-column-order-005.htm == reference/block-flow-direction-001-ref.htm +table-progression-slr-001.htm == reference/table-progression-slr-001-ref.htm +table-progression-slr-002.htm == reference/table-progression-002-ref.htm +table-progression-srl-001.htm == reference/table-progression-001-ref.htm +table-progression-srl-002.htm == reference/table-progression-002-ref.htm table-progression-vlr-001.htm == reference/table-progression-001-ref.htm table-progression-vlr-002.htm == reference/table-progression-002-ref.htm table-progression-vlr-003.htm == reference/table-progression-001-ref.htm @@ -692,12 +719,18 @@ text-align-vrl-012.htm == reference/text-align-vrl-008-ref.htm text-align-vrl-014.htm == reference/direction-vrl-002-ref.htm text-align-vrl-016.htm == reference/direction-vrl-002-ref.htm text-align-vrl-018.htm == reference/direction-vrl-002-ref.htm -text-baseline-002.htm == reference/text-baseline-002-ref.htm -text-baseline-003.htm == reference/text-baseline-002-ref.htm -text-baseline-004.htm == reference/text-baseline-002-ref.htm -text-baseline-005.htm == reference/text-baseline-002-ref.htm -text-baseline-006.htm == reference/text-baseline-006-ref.htm -text-baseline-007.htm == reference/text-baseline-006-ref.htm +text-baseline-slr-009.htm == reference/text-baseline-slr-009-ref.htm +text-baseline-slr-011.htm == reference/text-baseline-slr-009-ref.htm +text-baseline-slr-013.htm == reference/text-baseline-slr-009-ref.htm +text-baseline-srl-008.htm == reference/text-baseline-vrl-006-ref.htm +text-baseline-srl-010.htm == reference/text-baseline-vrl-006-ref.htm +text-baseline-srl-012.htm == reference/text-baseline-vrl-006-ref.htm +text-baseline-vlr-003.htm == reference/text-baseline-vrl-002-ref.htm +text-baseline-vlr-005.htm == reference/text-baseline-vrl-002-ref.htm +text-baseline-vlr-007.htm == reference/text-baseline-vrl-006-ref.htm +text-baseline-vrl-002.htm == reference/text-baseline-vrl-002-ref.htm +text-baseline-vrl-004.htm == reference/text-baseline-vrl-002-ref.htm +text-baseline-vrl-006.htm == reference/text-baseline-vrl-006-ref.htm text-combine-upright-decorations-001.htm == reference/text-combine-upright-decorations-001.htm text-combine-upright-inherit-all-001.htm == reference/text-combine-upright-inherit-all-001.htm text-combine-upright-inherit-all-002.htm == reference/text-combine-upright-inherit-all-002.htm @@ -766,7 +799,6 @@ vertical-alignment-vrl-024.htm == reference/vertical-alignment-vrl-022-ref.htm vertical-alignment-vrl-026.htm == reference/vertical-alignment-vrl-026-ref.htm writing-mode-horizontal-001l.htm == reference/writing-mode-horizontal-001l-ref.htm writing-mode-horizontal-001r.htm == reference/writing-mode-horizontal-001r-ref.htm -writing-mode-stretch-001.htm == reference/writing-mode-stretch-001-ref.htm writing-mode-vertical-lr-002.htm == reference/writing-mode-vertical-lr-002-ref.htm writing-mode-vertical-rl-001.htm == reference/writing-mode-vertical-rl-001-ref.htm writing-mode-vertical-rl-002.htm == reference/writing-mode-vertical-rl-002-ref.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-002.htm deleted file mode 100644 index d06f5ebb372..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-002.htm +++ /dev/null @@ -1,62 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: vertical-rl - table rows progression</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - <link rel="match" href="reference/block-flow-direction-001-ref.htm"> - - <meta content="ahem" name="flags"> - <meta content="This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc..." name="assert"> - - <style type="text/css"> - body - { - color: yellow; - font: 20px/1 Ahem; - } - - table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - writing-mode: vertical-rl; - } - - td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } - </style> - </head> - - <body> - - <table> - -<!-- The right-most "S" --> - <tr><td>A B C DDD</td><td>EE F G H</td><td>JJ K L M</td></tr> - -<!-- The left-most "S" --> - <tr><td>N O Q RRR</td><td>SS T U V</td><td>WW X Y Z</td></tr> - -<!-- The "A" --> - <tr><td>aaa b c ddd</td><td>ee f g hh</td><td>jj kk</td></tr> - -<!-- The "P" --> - <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell"> vv</td></tr> - - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-003.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-003.htm deleted file mode 100644 index 8c520a5a011..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-003.htm +++ /dev/null @@ -1,62 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: vertical-lr - table rows progression</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - <link rel="match" href="reference/block-flow-direction-001-ref.htm"> - - <meta content="ahem" name="flags"> - <meta content="This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc..." name="assert"> - - <style type="text/css"> - body - { - color: yellow; - font: 20px/1 Ahem; - } - - table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - writing-mode: vertical-lr; - } - - td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } - </style> - </head> - - <body> - - <table> - -<!-- The "P" --> - <tr><td class="left-most-cell">AAA B C DDD</td><td class="left-most-cell">EE F G H</td><td class="left-most-cell">JJ </td></tr> - -<!-- The "A" --> - <tr><td>KKK L M NNN</td><td>OO Q R SS</td><td>TT UU</td></tr> - -<!-- The left-most "S" --> - <tr><td>VVV W X Y </td><td>a b c dd</td><td> e f g hh</td></tr> - -<!-- The right-most "S" --> - <tr><td>jjj k m n </td><td>q r s tt</td><td> u v w xx</td></tr> - - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-004.htm deleted file mode 100644 index 66d31789631..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-004.htm +++ /dev/null @@ -1,62 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: vertical-rl - table rows progression and colspan</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - <link rel="match" href="reference/block-flow-direction-001-ref.htm"> - - <meta content="ahem" name="flags"> - <meta content="This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction." name="assert"> - - <style type="text/css"> - body - { - color: yellow; - font: 20px/1 Ahem; - } - - table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - writing-mode: vertical-rl; - } - - td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } - </style> - </head> - - <body> - - <table> - -<!-- The right-most "S" --> - <tr><td>A B C DDD</td><td>EE F G H</td><td>JJ K L M</td></tr> - -<!-- The left-most "S" --> - <tr><td colspan="2">N OO Q R S T UUUU</td><td>WW X Y Z</td></tr> - -<!-- The "A" --> - <tr><td>aaa b c ddd</td><td colspan="2">eeff g h jjjj</td></tr> - -<!-- The "P" --> - <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell"> vv</td></tr> - - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-005.htm deleted file mode 100644 index 2378ce03adf..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-005.htm +++ /dev/null @@ -1,62 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: vertical-lr - table rows progression and colspan</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - <link rel="match" href="reference/block-flow-direction-001-ref.htm"> - - <meta content="ahem" name="flags"> - <meta content="This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction." name="assert"> - - <style type="text/css"> - body - { - color: yellow; - font: 20px/1 Ahem; - } - - table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - writing-mode: vertical-lr; - } - - td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } - </style> - </head> - - <body> - - <table> - -<!-- The "P" --> - <tr><td class="left-most-cell">AAA B C DDD</td><td class="left-most-cell">EE F G H</td><td class="left-most-cell">JJ </td></tr> - -<!-- The "A" --> - <tr><td colspan="2">KKKOO L Q M R NNNSS</td><td>TT UU</td></tr> - -<!-- The left-most "S" --> - <tr><td>VVV W X Y </td><td colspan="2">a b c d e f gggg</td></tr> - -<!-- The right-most "S" --> - <tr><td>jjj k m n </td><td>q r s tt</td><td> u v w xx</td></tr> - - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-006.htm deleted file mode 100644 index 2b650dec83b..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-006.htm +++ /dev/null @@ -1,62 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: vertical-rl - table rows progression and rowspan</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - <link rel="match" href="reference/block-flow-direction-001-ref.htm"> - - <meta content="ahem" name="flags"> - <meta content="This test checks that rowspanned cells in a table are handled according to a right-to-left direction." name="assert"> - - <style type="text/css"> - body - { - color: yellow; - font: 20px/1 Ahem; - } - - table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - writing-mode: vertical-rl; - } - - td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } - </style> - </head> - - <body> - - <table> - -<!-- The right-most "S" --> - <tr><td>A B C DDD</td><td>EE F G H</td><td rowspan="2">JJ K L M WW X Y Z</td></tr> - -<!-- The left-most "S" --> - <tr><td>N O Q RRR</td><td>SS T U V</td></tr> - -<!-- The "A" --> - <tr><td>aaa b c ddd</td><td rowspan="2" class="left-most-cell">ee f g hh r s t uu</td><td>jj kk</td></tr> - -<!-- The "P" --> - <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell"> vv</td></tr> - - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-007.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-007.htm deleted file mode 100644 index 9020433629e..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-007.htm +++ /dev/null @@ -1,62 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: vertical-lr - table rows progression and rowspan</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - <link rel="match" href="reference/block-flow-direction-001-ref.htm"> - - <meta content="ahem" name="flags"> - <meta content="This test checks that rowspanned cells in a table are handled according to a left-to-right direction." name="assert"> - - <style type="text/css"> - body - { - color: yellow; - font: 20px/1 Ahem; - } - - table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - writing-mode: vertical-lr; - } - - td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } - </style> - </head> - - <body> - - <table> - -<!-- The "P" --> - <tr><td class="left-most-cell">AAA B C DDD</td><td class="left-most-cell">EE F G H</td><td class="left-most-cell" rowspan="2">JJ TT UU</td></tr> - -<!-- The "A" --> - <tr><td>KKK L M NNN</td><td>OO Q R SS</td></tr> - -<!-- The left-most "S" --> - <tr><td>VVV W X Y </td><td rowspan="2">a b c dd q r s tt</td><td> e f g hh</td></tr> - -<!-- The right-most "S" --> - <tr><td>jjj k m n </td><td> u v w xx</td></tr> - - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-008.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-008.htm deleted file mode 100644 index 8e0b1ded432..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-008.htm +++ /dev/null @@ -1,77 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: vertical-rl - table rows progression (thead, 2 tbodies, tfoot)</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - <link rel="match" href="reference/block-flow-direction-001-ref.htm"> - - <meta content="ahem" name="flags"> - <meta content="This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc..." name="assert"> - - <style type="text/css"> - body - { - color: yellow; - font: 20px/1 Ahem; - } - - table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - writing-mode: vertical-rl; - } - - td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } - </style> - </head> - - <body> - - <table> - - <thead> - -<!-- The right-most "S" --> - <tr><td>A B C DDD</td><td>EE F G H</td><td>JJ K L M</td></tr> - - </thead> - - <tfoot> - -<!-- The "P" --> - <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell"> vv</td></tr> - - </tfoot> - - <tbody> - -<!-- The left-most "S" --> - <tr><td>N O Q RRR</td><td>SS T U V</td><td>WW X Y Z</td></tr> - - </tbody> - - <tbody> -<!-- The "A" --> - <tr><td>aaa b c ddd</td><td>ee f g hh</td><td>jj kk</td></tr> - - </tbody> - - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-009.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-009.htm deleted file mode 100644 index 39d52dae9ea..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-009.htm +++ /dev/null @@ -1,78 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - - <head> - - <title>CSS Writing Modes Test: vertical-lr - table rows progression (thead, 2 tbodies, tfoot)</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> - <link rel="match" href="reference/block-flow-direction-001-ref.htm"> - - <meta content="ahem" name="flags"> - <meta content="This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc..." name="assert"> - - <style type="text/css"> - body - { - color: yellow; - font: 20px/1 Ahem; - } - - table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - writing-mode: vertical-lr; - } - - td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } - </style> - </head> - - <body> - - <table> - - <thead> - -<!-- The "P" --> - <tr><td class="left-most-cell">AAA B C DDD</td><td class="left-most-cell">EE F G H</td><td class="left-most-cell">JJ </td></tr> - - </thead> - - <tfoot> - -<!-- The right-most "S" --> - <tr><td>jjj k m n </td><td>q r s tt</td><td> u v w xx</td></tr> - - </tfoot> - - <tbody> - -<!-- The "A" --> - <tr><td>KKK L M NNN</td><td>OO Q R SS</td><td>TT UU</td></tr> - - </tbody> - - <tbody> - -<!-- The left-most "S" --> - <tr><td>VVV W X Y </td><td>a b c dd</td><td> e f g hh</td></tr> - - </tbody> - - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-slr-023.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-slr-023.htm new file mode 100644 index 00000000000..ffdc3e1f114 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-slr-023.htm @@ -0,0 +1,65 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: sideways-lr - table rows progression</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that rows of a table element with in a 'sideways-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells and table columns in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: sideways-lr; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + </style> + </head> + + <body> + + <table> + +<!-- The "P" --> + <tr><td class="left-most-cell">AAA </td><td class="left-most-cell">BB C D EE</td><td class="left-most-cell">FF G H JJ</td></tr> + +<!-- The "A" --> + <tr><td>KKK LLL</td><td>MM N O QQ</td><td>RR S T UU</td></tr> + +<!-- The left-most "S" --> + <tr><td>V W X YYY</td><td>aa b c d</td><td>ee f g h</td></tr> + +<!-- The right-most "S" --> + <tr><td>j k m nnn</td><td>qq r s t</td><td>uu v w x</td></tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-slr-029.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-slr-029.htm new file mode 100644 index 00000000000..dac7ca182b9 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-slr-029.htm @@ -0,0 +1,81 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: sideways-lr - table rows progression (thead, 2 tbodies, tfoot)</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that rows of a table element with in a 'sideways-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells and table columns in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: sideways-lr; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + </style> + </head> + + <body> + + <table> + + <thead> + +<!-- The "P" --> + <tr><td class="left-most-cell">AAA </td><td class="left-most-cell">BB C D EE</td><td class="left-most-cell">FF G H JJ</td></tr> + + </thead> + + <tfoot> + +<!-- The right-most "S" --> + <tr><td>j k m nnn</td><td>qq r s t</td><td>uu v w x</td></tr> + + </tfoot> + + <tbody> + +<!-- The "A" --> + <tr><td>KKK LLL</td><td>MM N O QQ</td><td>RR S T UU</td></tr> + + </tbody> + + <tbody> + +<!-- The left-most "S" --> + <tr><td>V W X YYY</td><td>aa b c d</td><td>ee f g h</td></tr> + + </tbody> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-srl-022.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-srl-022.htm new file mode 100644 index 00000000000..e59c47c7f8b --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-srl-022.htm @@ -0,0 +1,65 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: sideways-rl - table rows progression</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that rows of a table element with in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc..." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: sideways-rl; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + </style> + </head> + + <body> + + <table> + +<!-- The right-most "S" --> + <tr><td>A B C DDD</td><td>EE F G H</td><td>JJ K L M</td></tr> + +<!-- The left-most "S" --> + <tr><td>N O Q RRR</td><td>SS T U V</td><td>WW X Y Z</td></tr> + +<!-- The "A" --> + <tr><td>aaa b c ddd</td><td>ee f g hh</td><td>jj kk</td></tr> + +<!-- The "P" --> + <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell"> vv</td></tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-srl-028.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-srl-028.htm new file mode 100644 index 00000000000..e3635233499 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-srl-028.htm @@ -0,0 +1,80 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: sideways-rl - table rows progression (thead, 2 tbodies, tfoot)</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that rows of a table element with in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc..." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: sideways-rl; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + </style> + </head> + + <body> + + <table> + + <thead> + +<!-- The right-most "S" --> + <tr><td>A B C DDD</td><td>EE F G H</td><td>JJ K L M</td></tr> + + </thead> + + <tfoot> + +<!-- The "P" --> + <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell"> vv</td></tr> + + </tfoot> + + <tbody> + +<!-- The left-most "S" --> + <tr><td>N O Q RRR</td><td>SS T U V</td><td>WW X Y Z</td></tr> + + </tbody> + + <tbody> +<!-- The "A" --> + <tr><td>aaa b c ddd</td><td>ee f g hh</td><td>jj kk</td></tr> + + </tbody> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-003.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-003.htm new file mode 100644 index 00000000000..84867afeb09 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-003.htm @@ -0,0 +1,65 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: vertical-lr - table rows progression</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc..." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-lr; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + </style> + </head> + + <body> + + <table> + +<!-- The "P" --> + <tr><td class="left-most-cell">AAA B C DDD</td><td class="left-most-cell">EE F G H</td><td class="left-most-cell">JJ </td></tr> + +<!-- The "A" --> + <tr><td>KKK L M NNN</td><td>OO Q R SS</td><td>TT UU</td></tr> + +<!-- The left-most "S" --> + <tr><td>VVV W X Y </td><td>a b c dd</td><td> e f g hh</td></tr> + +<!-- The right-most "S" --> + <tr><td>jjj k m n </td><td>q r s tt</td><td> u v w xx</td></tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-005.htm new file mode 100644 index 00000000000..1cc987105c4 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-005.htm @@ -0,0 +1,65 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: vertical-lr - table rows progression and colspan</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-lr; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + </style> + </head> + + <body> + + <table> + +<!-- The "P" --> + <tr><td class="left-most-cell">AAA B C DDD</td><td class="left-most-cell">EE F G H</td><td class="left-most-cell">JJ </td></tr> + +<!-- The "A" --> + <tr><td colspan="2">KKKOO L Q M R NNNSS</td><td>TT UU</td></tr> + +<!-- The left-most "S" --> + <tr><td>VVV W X Y </td><td colspan="2">a b c d e f gggg</td></tr> + +<!-- The right-most "S" --> + <tr><td>jjj k m n </td><td>q r s tt</td><td> u v w xx</td></tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-007.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-007.htm new file mode 100644 index 00000000000..2ffefb448fd --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-007.htm @@ -0,0 +1,65 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: vertical-lr - table rows progression and rowspan</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that rowspanned cells in a table are handled according to a left-to-right direction." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-lr; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + </style> + </head> + + <body> + + <table> + +<!-- The "P" --> + <tr><td class="left-most-cell">AAA B C DDD</td><td class="left-most-cell">EE F G H</td><td class="left-most-cell" rowspan="2">JJ TT UU</td></tr> + +<!-- The "A" --> + <tr><td>KKK L M NNN</td><td>OO Q R SS</td></tr> + +<!-- The left-most "S" --> + <tr><td>VVV W X Y </td><td rowspan="2">a b c dd q r s tt</td><td> e f g hh</td></tr> + +<!-- The right-most "S" --> + <tr><td>jjj k m n </td><td> u v w xx</td></tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-009.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-009.htm new file mode 100644 index 00000000000..1069cb74352 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-009.htm @@ -0,0 +1,81 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: vertical-lr - table rows progression (thead, 2 tbodies, tfoot)</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-lr; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + </style> + </head> + + <body> + + <table> + + <thead> + +<!-- The "P" --> + <tr><td class="left-most-cell">AAA B C DDD</td><td class="left-most-cell">EE F G H</td><td class="left-most-cell">JJ </td></tr> + + </thead> + + <tfoot> + +<!-- The right-most "S" --> + <tr><td>jjj k m n </td><td>q r s tt</td><td> u v w xx</td></tr> + + </tfoot> + + <tbody> + +<!-- The "A" --> + <tr><td>KKK L M NNN</td><td>OO Q R SS</td><td>TT UU</td></tr> + + </tbody> + + <tbody> + +<!-- The left-most "S" --> + <tr><td>VVV W X Y </td><td>a b c dd</td><td> e f g hh</td></tr> + + </tbody> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-002.htm new file mode 100644 index 00000000000..ddeab315d40 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-002.htm @@ -0,0 +1,65 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: vertical-rl - table rows progression</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc..." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-rl; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + </style> + </head> + + <body> + + <table> + +<!-- The right-most "S" --> + <tr><td>A B C DDD</td><td>EE F G H</td><td>JJ K L M</td></tr> + +<!-- The left-most "S" --> + <tr><td>N O Q RRR</td><td>SS T U V</td><td>WW X Y Z</td></tr> + +<!-- The "A" --> + <tr><td>aaa b c ddd</td><td>ee f g hh</td><td>jj kk</td></tr> + +<!-- The "P" --> + <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell"> vv</td></tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-004.htm new file mode 100644 index 00000000000..5d106f6cab1 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-004.htm @@ -0,0 +1,65 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: vertical-rl - table rows progression and colspan</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-rl; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + </style> + </head> + + <body> + + <table> + +<!-- The right-most "S" --> + <tr><td>A B C DDD</td><td>EE F G H</td><td>JJ K L M</td></tr> + +<!-- The left-most "S" --> + <tr><td colspan="2">N OO Q R S T UUUU</td><td>WW X Y Z</td></tr> + +<!-- The "A" --> + <tr><td>aaa b c ddd</td><td colspan="2">eeff g h jjjj</td></tr> + +<!-- The "P" --> + <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell"> vv</td></tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-006.htm new file mode 100644 index 00000000000..1493d5b733e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-006.htm @@ -0,0 +1,65 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: vertical-rl - table rows progression and rowspan</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that rowspanned cells in a table are handled according to a right-to-left direction." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-rl; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + </style> + </head> + + <body> + + <table> + +<!-- The right-most "S" --> + <tr><td>A B C DDD</td><td>EE F G H</td><td rowspan="2">JJ K L M WW X Y Z</td></tr> + +<!-- The left-most "S" --> + <tr><td>N O Q RRR</td><td>SS T U V</td></tr> + +<!-- The "A" --> + <tr><td>aaa b c ddd</td><td rowspan="2" class="left-most-cell">ee f g hh r s t uu</td><td>jj kk</td></tr> + +<!-- The "P" --> + <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell"> vv</td></tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-008.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-008.htm new file mode 100644 index 00000000000..670572e7812 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-008.htm @@ -0,0 +1,80 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: vertical-rl - table rows progression (thead, 2 tbodies, tfoot)</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc..." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-rl; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + </style> + </head> + + <body> + + <table> + + <thead> + +<!-- The right-most "S" --> + <tr><td>A B C DDD</td><td>EE F G H</td><td>JJ K L M</td></tr> + + </thead> + + <tfoot> + +<!-- The "P" --> + <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell"> vv</td></tr> + + </tfoot> + + <tbody> + +<!-- The left-most "S" --> + <tr><td>N O Q RRR</td><td>SS T U V</td><td>WW X Y Z</td></tr> + + </tbody> + + <tbody> +<!-- The "A" --> + <tr><td>aaa b c ddd</td><td>ee f g hh</td><td>jj kk</td></tr> + + </tbody> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/form-controls-slr.png b/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/form-controls-srl.png b/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/form-controls-vlr.png b/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-slr-001.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-slr-001.htm new file mode 100644 index 00000000000..ff0723c536e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-slr-001.htm @@ -0,0 +1,134 @@ +<!DOCTYPE html> +<html><head><title>CSS Test: sideways-lr Table Row/Rowgroup/Cell Ordering</title> +<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot"> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad"> +<link href="reference/table-progression-slr-001-ref.htm" rel="match"> +<meta content="This test checks that sideways-lr tables order rows/rowgroups left to right and cells bottom-to-top (LTR) or top-to-bottom (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups." name="assert"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help"> + +<style> + .test { + writing-mode: sideways-lr; + } + [dir=rtl] { + direction: rtl; + } + + table { + border-spacing: 0; + margin: 1em; + } + td { + width: 1em; + height: 1em; + border: solid gray; + } + + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + .purp { background: purple } + .pink { background: fuchsia } + .yllw { background: yellow } + .orng { background: orange } + + + /* These rules must have no effect. */ + .test thead, + .test tfoot, + .test tbody, + .test tr, + .test td { + writing-mode: horizontal-tb; /* For UAs not supporting vertical-rl */ + writing-mode: sideways-rl; + direction: rtl; + } + .test[dir=rtl] thead, + .test[dir=rtl] tfoot, + .test[dir=rtl] tbody, + .test[dir=rtl] tr, + .test[dir=rtl] td { + direction: ltr; + } +</style> + +</head><body><p>Test passes if the following three tables look identical. + +</p><table class="test"> + <thead> + <tr> + <td colspan="2"> + </td><td class="aqua"> + </td><td class="teal"> + </td></tr></thead><tfoot> + <tr> + <td class="navy"> + </td><td class="blue"> + </td><td colspan="2"> + </td></tr></tfoot><tbody> + <tr> + <td class="orng"> + </td><td colspan="3"> + </td></tr></tbody><tbody> + <tr> + <td rowspan="3"> + </td><td class="yllw"> + </td><td colspan="2" rowspan="2"> + </td></tr><tr> + <td class="pink"> + </td></tr><tr> + <td colspan="2"> + </td><td class="purp"> +</td></tr></tbody></table> + +<table class="test" dir="rtl"> + <thead> + <tr> + <td class="teal"> + </td><td class="aqua"> + </td><td colspan="2"> + </td></tr></thead><tfoot> + <tr> + <td colspan="2"> + </td><td class="blue"> + </td><td class="navy"> + </td></tr></tfoot><tbody> + <tr> + <td colspan="3"> + </td><td class="orng"> + </td></tr></tbody><tbody> + <tr> + <td colspan="2" rowspan="2"> + </td><td class="yllw"> + </td><td rowspan="3"> + </td></tr><tr> + <td class="pink"> + </td></tr><tr> + <td class="purp"> + </td><td colspan="2"> +</td></tr></tbody></table> + +<table class="reference"> + <tbody><tr> + <td class="teal"> + </td><td rowspan="3"> + </td><td colspan="2" rowspan="2"> + </td><td class="purp"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="aqua"> + </td><td rowspan="2"> + </td></tr><tr> + <td rowspan="2"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td class="blue"> + + </td></tr><tr> + <td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> +</td></tr></tbody></table> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-slr-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-slr-002.htm new file mode 100644 index 00000000000..2c511d645ed --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-slr-002.htm @@ -0,0 +1,86 @@ +<!DOCTYPE html> +<html><head><title>CSS Test: sideways-lr Table Column/Colgroup Ordering</title> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad"> +<link href="reference/table-progression-002-ref.htm" rel="match"> +<meta content="This test checks that sideways-lr tables order columns bottom-to-top (LTR) or top-to-bottom (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups." name="assert"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help"> + +<style> + .test { + writing-mode: sideways-lr; + } + [dir=rtl] { + direction: rtl; + } + + + table { + border-spacing: 0; + border: solid gray; + margin: 1em; + float: left; + } + td { + width: 1em; + height: 1em; + } + + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + + /* These declarations must have no effect. */ + .test col, + .test colgroup { + writing-mode: horizontal-tb; + writing-mode: sideways-rl; + direction: rtl; + } + .test[dir=rtl] col, + .test[dir=rtl] colgroup { + direction: ltr; + } +</style> + +</head><body><p>Test passes if the following patterned boxes all look identical. + +</p><table class="test"> + <colgroup><col span="2" class="aqua"> + <col class="blue"> + <col span="2" class="navy"> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test"> + <colgroup span="2" class="aqua"></colgroup> + <colgroup> + <col class="blue"> + <col span="2" class="navy"> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> + +<table class="test" dir="rtl"> + <colgroup><col span="2" class="navy"> + <col class="blue"> + <col span="2" class="aqua"> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test" dir="rtl"> + <colgroup span="2" class="navy"></colgroup> + <colgroup> + <col class="blue"> + <col span="2" class="aqua"> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> + +<table class="reference"> + <tbody><tr><td class="navy"> + </td></tr><tr><td class="navy"> + </td></tr><tr><td class="blue"> + </td></tr><tr><td class="aqua"> + </td></tr><tr><td class="aqua"> +</td></tr></tbody></table> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-srl-001.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-srl-001.htm new file mode 100644 index 00000000000..2f2cb4dd105 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-srl-001.htm @@ -0,0 +1,132 @@ +<!DOCTYPE html> +<html><head><title>CSS Test: sideways-rl Table Row/Rowgroup/Cell Ordering</title> +<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot"> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad"> +<link href="reference/table-progression-001-ref.htm" rel="match"> +<meta content="This test checks that sideways-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups." name="assert"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help"> + +<style> + .test { + writing-mode: sideways-rl; + } + [dir=rtl] { + direction: rtl; + } + + table { + border-spacing: 0; + margin: 1em; + } + td { + width: 1em; + height: 1em; + border: solid gray; + } + + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + .purp { background: purple } + .pink { background: fuchsia } + .yllw { background: yellow } + .orng { background: orange } + + /* These rules must have no effect. */ + .test thead, + .test tfoot, + .test tbody, + .test tr, + .test td { + writing-mode: horizontal-tb; /* For UAs not supporting vertical-rl */ + writing-mode: sideways-lr; + direction: rtl; + } + .test[dir=rtl] thead, + .test[dir=rtl] tfoot, + .test[dir=rtl] tbody, + .test[dir=rtl] tr, + .test[dir=rtl] td { + direction: ltr; + } +</style> + +</head><body><p>Test passes if the following three tables look identical. + +</p><table class="test"> + <thead> + <tr> + <td class="navy"> + </td><td class="blue"> + </td><td colspan="2"> + </td></tr></thead><tfoot> + <tr> + <td colspan="2"> + </td><td class="aqua"> + </td><td class="teal"> + </td></tr></tfoot><tbody> + <tr> + <td rowspan="3"> + </td><td colspan="2"> + </td><td class="purp"> + </td></tr><tr> + <td class="pink"> + </td><td colspan="2" rowspan="2"> + </td></tr><tr> + <td class="yllw"> + </td></tr></tbody><tbody> + <tr> + <td class="orng"> + </td><td colspan="3"> +</td></tr></tbody></table> + +<table class="test" dir="rtl"> + <thead> + <tr> + <td colspan="2"> + </td><td class="blue"> + </td><td class="navy"> + </td></tr></thead><tfoot> + <tr> + <td class="teal"> + </td><td class="aqua"> + </td><td colspan="2"> + </td></tr></tfoot><tbody> + <tr> + <td class="purp"> + </td><td colspan="2"> + </td><td rowspan="3"> + </td></tr><tr> + <td colspan="2" rowspan="2"> + </td><td class="pink"> + </td></tr><tr> + <td class="yllw"> + </td></tr></tbody><tbody> + <tr> + <td colspan="3"> + </td><td class="orng"> +</td></tr></tbody></table> + +<table class="reference"> + <tbody><tr> + <td rowspan="2"> + </td><td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> + </td></tr><tr> + <td rowspan="3"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td rowspan="2"> + </td><td class="blue"> + </td></tr><tr> + <td class="aqua"> + </td><td colspan="2" rowspan="2"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="teal"> + </td><td class="purp"> +</td></tr></tbody></table> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-srl-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-srl-002.htm new file mode 100644 index 00000000000..8e3f1f5b381 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-srl-002.htm @@ -0,0 +1,86 @@ +<!DOCTYPE html> +<html><head><title>CSS Test: sideways-rl Table Column/Colgroup Ordering</title> +<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot"> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad"> +<link href="reference/table-progression-002-ref.htm" rel="match"> +<meta content="This test checks that sideways-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups." name="assert"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help"> + +<style> + .test { + writing-mode: sideways-rl; + } + [dir=rtl] { + direction: rtl; + } + + table { + border-spacing: 0; + border: solid gray; + margin: 1em; + float: left; + } + td { + width: 1em; + height: 1em; + } + + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + + /* These declarations must have no effect. */ + .test col, + .test colgroup { + writing-mode: horizontal-tb; + writing-mode: sideways-lr; + direction: rtl; + } + .test[dir=rtl] col, + .test[dir=rtl] colgroup { + direction: ltr; + } +</style> + +</head><body><p>Test passes if the following patterned boxes all look identical. + +</p><table class="test"> + <colgroup><col span="2" class="navy"> + <col class="blue"> + <col span="2" class="aqua"> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test"> + <colgroup span="2" class="navy"></colgroup> + <colgroup> + <col class="blue"> + <col span="2" class="aqua"> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> + +<table class="test" dir="rtl"> + <colgroup><col span="2" class="aqua"> + <col class="blue"> + <col span="2" class="navy"> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test" dir="rtl"> + <colgroup span="2" class="aqua"></colgroup> + <colgroup> + <col class="blue"> + <col span="2" class="navy"> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> + +<table class="reference"> + <tbody><tr><td class="navy"> + </td></tr><tr><td class="navy"> + </td></tr><tr><td class="blue"> + </td></tr><tr><td class="aqua"> + </td></tr><tr><td class="aqua"> +</td></tr></tbody></table> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-002.htm deleted file mode 100644 index 25b6909b582..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-002.htm +++ /dev/null @@ -1,41 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> - <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines"> - <link rel="match" href="reference/text-baseline-002-ref.htm"> - <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline."> - <meta name="flags" content="ahem"> - <style type="text/css"> - div#rl-mixed - { - color: orange; - font: 60px/1.5 Ahem; /* computes to 60px/90px */ - writing-mode: vertical-rl; - text-orientation: mixed; - } - - span#blue120 - { - color: blue; - font-size: 2em; /* computes to 120px */ - } - - span#orange30 - { - font-size: 0.5em; /* computes to 30px */ - } - </style> - - </head> - - <body> - - <p>Test passes if 2 orange squares are centered with respect to a blue square.</p> - - <div id="rl-mixed">A<span id="blue120">B</span><span id="orange30">O</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-003.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-003.htm deleted file mode 100644 index e03a5257f29..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-003.htm +++ /dev/null @@ -1,41 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> - <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines"> - <link rel="match" href="reference/text-baseline-002-ref.htm"> - <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline."> - <meta name="flags" content="ahem"> - <style type="text/css"> - div#lr-mixed - { - color: orange; - font: 60px/1.5 Ahem; /* computes to 60px/90px */ - writing-mode: vertical-lr; - text-orientation: mixed; - } - - span#blue120 - { - color: blue; - font-size: 2em; /* computes to 120px */ - } - - span#orange30 - { - font-size: 0.5em; /* computes to 30px */ - } - </style> - - </head> - - <body> - - <p>Test passes if 2 orange squares are centered with respect to a blue square.</p> - - <div id="lr-mixed">A<span id="blue120">B</span><span id="orange30">O</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-004.htm deleted file mode 100644 index e7c6ad94bdf..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-004.htm +++ /dev/null @@ -1,41 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> - <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines"> - <link rel="match" href="reference/text-baseline-002-ref.htm"> - <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline."> - <meta name="flags" content="ahem"> - <style type="text/css"> - div#rl-upright - { - color: orange; - font: 60px/1.5 Ahem; /* computes to 60px/90px */ - writing-mode: vertical-rl; - text-orientation: upright; - } - - span#blue120 - { - color: blue; - font-size: 2em; /* computes to 120px */ - } - - span#orange30 - { - font-size: 0.5em; /* computes to 30px */ - } - </style> - - </head> - - <body> - - <p>Test passes if 2 orange squares are centered with respect to a blue square.</p> - - <div id="rl-upright">A<span id="blue120">B</span><span id="orange30">O</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-005.htm deleted file mode 100644 index 9430fd74c96..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-005.htm +++ /dev/null @@ -1,41 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> - <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines"> - <link rel="match" href="reference/text-baseline-002-ref.htm"> - <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline."> - <meta name="flags" content="ahem"> - <style type="text/css"> - div#lr-upright - { - color: orange; - font: 60px/1.5 Ahem; /* computes to 60px/90px */ - writing-mode: vertical-lr; - text-orientation: upright; - } - - span#blue120 - { - color: blue; - font-size: 2em; /* computes to 120px */ - } - - span#orange30 - { - font-size: 0.5em; /* computes to 30px */ - } - </style> - - </head> - - <body> - - <p>Test passes if 2 orange squares are centered with respect to a blue square.</p> - - <div id="lr-upright">A<span id="blue120">B</span><span id="orange30">O</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-006.htm deleted file mode 100644 index 07fd52f7ea5..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-006.htm +++ /dev/null @@ -1,40 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> - <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines"> - <link rel="match" href="reference/text-baseline-006-ref.htm"> - <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline."> - <meta name="flags" content="ahem"> - <style type="text/css"> - div#rl-sideways - { - color: fuchsia; - font: 60px/1.5 Ahem; /* computes to 60px/90px */ - writing-mode: vertical-rl; - text-orientation: sideways; - } - - span#fuchsia120 - { - font-size: 2em; /* computes to 120px */ - } - - span#fuchsia30 - { - font-size: 0.5em; /* computes to 30px */ - } - </style> - - </head> - - <body> - - <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div id="rl-sideways">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-007.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-007.htm deleted file mode 100644 index 71b47d937ad..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-007.htm +++ /dev/null @@ -1,40 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> - <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines"> - <link rel="match" href="reference/text-baseline-006-ref.htm"> - <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline."> - <meta name="flags" content="ahem"> - <style type="text/css"> - div#lr-sideways - { - color: fuchsia; - font: 60px/1.5 Ahem; /* computes to 60px/90px */ - writing-mode: vertical-lr; - text-orientation: sideways; - } - - span#fuchsia120 - { - font-size: 2em; /* computes to 120px */ - } - - span#fuchsia30 - { - font-size: 0.5em; /* computes to 30px */ - } - </style> - - </head> - - <body> - - <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div id="lr-sideways">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-slr-009.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-slr-009.htm new file mode 100644 index 00000000000..8929effea0f --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-slr-009.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines"> + <link rel="match" href="reference/text-baseline-slr-009-ref.htm"> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'mixed', then the alphabetical baseline is used as the dominant baseline."> + <meta name="flags" content="ahem"> + <style type="text/css"> + div#slr-mixed + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: sideways-lr; + text-orientation: mixed; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + </style> + + </head> + + <body> + + <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="slr-mixed"><span id="fuchsia30">É</span><span id="fuchsia120">É</span>É</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-slr-011.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-slr-011.htm new file mode 100644 index 00000000000..6e13e961ac7 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-slr-011.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines"> + <link rel="match" href="reference/text-baseline-slr-009-ref.htm"> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'upright', then the alphabetical baseline is used as the dominant baseline."> + <meta name="flags" content="ahem"> + <style type="text/css"> + div#slr-upright + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: sideways-lr; + text-orientation: upright; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + </style> + + </head> + + <body> + + <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="slr-upright"><span id="fuchsia30">É</span><span id="fuchsia120">É</span>É</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-slr-013.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-slr-013.htm new file mode 100644 index 00000000000..0b739c853b1 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-slr-013.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines"> + <link rel="match" href="reference/text-baseline-slr-009-ref.htm"> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline."> + <meta name="flags" content="ahem"> + <style type="text/css"> + div#slr-sideways + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: sideways-lr; + text-orientation: sideways; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + </style> + + </head> + + <body> + + <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="slr-sideways"><span id="fuchsia30">É</span><span id="fuchsia120">É</span>É</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-srl-008.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-srl-008.htm new file mode 100644 index 00000000000..b0a049411af --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-srl-008.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines"> + <link rel="match" href="reference/text-baseline-vrl-006-ref.htm"> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'mixed', then the alphabetical baseline is used as the dominant baseline."> + <meta name="flags" content="ahem"> + <style type="text/css"> + div#srl-mixed + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: sideways-rl; + text-orientation: mixed; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + </style> + + </head> + + <body> + + <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="srl-mixed">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-srl-010.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-srl-010.htm new file mode 100644 index 00000000000..2e1a0af99cc --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-srl-010.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines"> + <link rel="match" href="reference/text-baseline-vrl-006-ref.htm"> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'upright', then the alphabetical baseline is used as the dominant baseline."> + <meta name="flags" content="ahem"> + <style type="text/css"> + div#srl-upright + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: sideways-rl; + text-orientation: upright; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + </style> + + </head> + + <body> + + <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="srl-upright">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-srl-012.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-srl-012.htm new file mode 100644 index 00000000000..2be27a5063e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-srl-012.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines"> + <link rel="match" href="reference/text-baseline-vrl-006-ref.htm"> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline."> + <meta name="flags" content="ahem"> + <style type="text/css"> + div#srl-sideways + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: sideways-rl; + text-orientation: sideways; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + </style> + + </head> + + <body> + + <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="srl-sideways">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vlr-003.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vlr-003.htm new file mode 100644 index 00000000000..fd60854557a --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vlr-003.htm @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines"> + <link rel="match" href="reference/text-baseline-vrl-002-ref.htm"> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline."> + <meta name="flags" content="ahem"> + <style type="text/css"> + div#lr-mixed + { + color: orange; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: vertical-lr; + text-orientation: mixed; + } + + span#blue120 + { + color: blue; + font-size: 2em; /* computes to 120px */ + } + + span#orange30 + { + font-size: 0.5em; /* computes to 30px */ + } + </style> + + </head> + + <body> + + <p>Test passes if 2 orange squares are centered with respect to a blue square.</p> + + <div id="lr-mixed">A<span id="blue120">B</span><span id="orange30">O</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vlr-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vlr-005.htm new file mode 100644 index 00000000000..b04c8dda440 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vlr-005.htm @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines"> + <link rel="match" href="reference/text-baseline-vrl-002-ref.htm"> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline."> + <meta name="flags" content="ahem"> + <style type="text/css"> + div#lr-upright + { + color: orange; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: vertical-lr; + text-orientation: upright; + } + + span#blue120 + { + color: blue; + font-size: 2em; /* computes to 120px */ + } + + span#orange30 + { + font-size: 0.5em; /* computes to 30px */ + } + </style> + + </head> + + <body> + + <p>Test passes if 2 orange squares are centered with respect to a blue square.</p> + + <div id="lr-upright">A<span id="blue120">B</span><span id="orange30">O</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vlr-007.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vlr-007.htm new file mode 100644 index 00000000000..895ecefe83a --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vlr-007.htm @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines"> + <link rel="match" href="reference/text-baseline-vrl-006-ref.htm"> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline."> + <meta name="flags" content="ahem"> + <style type="text/css"> + div#lr-sideways + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: vertical-lr; + text-orientation: sideways; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + </style> + + </head> + + <body> + + <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="lr-sideways">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vrl-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vrl-002.htm new file mode 100644 index 00000000000..d74a6314512 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vrl-002.htm @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines"> + <link rel="match" href="reference/text-baseline-vrl-002-ref.htm"> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline."> + <meta name="flags" content="ahem"> + <style type="text/css"> + div#rl-mixed + { + color: orange; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: vertical-rl; + text-orientation: mixed; + } + + span#blue120 + { + color: blue; + font-size: 2em; /* computes to 120px */ + } + + span#orange30 + { + font-size: 0.5em; /* computes to 30px */ + } + </style> + + </head> + + <body> + + <p>Test passes if 2 orange squares are centered with respect to a blue square.</p> + + <div id="rl-mixed">A<span id="blue120">B</span><span id="orange30">O</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vrl-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vrl-004.htm new file mode 100644 index 00000000000..ced36033827 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vrl-004.htm @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines"> + <link rel="match" href="reference/text-baseline-vrl-002-ref.htm"> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline."> + <meta name="flags" content="ahem"> + <style type="text/css"> + div#rl-upright + { + color: orange; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: vertical-rl; + text-orientation: upright; + } + + span#blue120 + { + color: blue; + font-size: 2em; /* computes to 120px */ + } + + span#orange30 + { + font-size: 0.5em; /* computes to 30px */ + } + </style> + + </head> + + <body> + + <p>Test passes if 2 orange squares are centered with respect to a blue square.</p> + + <div id="rl-upright">A<span id="blue120">B</span><span id="orange30">O</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vrl-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vrl-006.htm new file mode 100644 index 00000000000..a09db1d99c5 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vrl-006.htm @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines"> + <link rel="match" href="reference/text-baseline-vrl-006-ref.htm"> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline."> + <meta name="flags" content="ahem"> + <style type="text/css"> + div#rl-sideways + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: vertical-rl; + text-orientation: sideways; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + </style> + + </head> + + <body> + + <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="rl-sideways">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/toc.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/toc.htm index c865fb4999d..e79af3c577e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/toc.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/toc.htm @@ -27,17 +27,17 @@ <tbody id="s2"> <tr><th><a href="chapter-2.htm">Chapter 2 - Inline Direction and Bidirectionality</a></th> - <td>(173 Tests)</td></tr> + <td>(177 Tests)</td></tr> </tbody> <tbody id="s3"> <tr><th><a href="chapter-3.htm">Chapter 3 - Introduction to Vertical Text</a></th> - <td>(113 Tests)</td></tr> + <td>(147 Tests)</td></tr> </tbody> <tbody id="s4"> <tr><th><a href="chapter-4.htm">Chapter 4 - Inline-level Alignment</a></th> - <td>(30 Tests)</td></tr> + <td>(36 Tests)</td></tr> </tbody> <tbody id="s5"> <tr><th><a href="chapter-5.htm">Chapter 5 - diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/writing-mode-parsing-001.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/writing-mode-parsing-001.htm index f8c9bfc3596..9cb3226ac5e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/writing-mode-parsing-001.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/writing-mode-parsing-001.htm @@ -19,6 +19,7 @@ <div data-expected="horizontal-tb" style="writing-mode: initial"></div> <div data-expected="vertical-rl" style="writing-mode: inherit"></div> + <div data-expected="vertical-rl" style="writing-mode: horizontal-tb; writing-mode: inherit"></div> <div data-expected="vertical-rl" style="writing-mode: foo"></div> </div> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/writing-mode-stretch-001.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/writing-mode-stretch-001.htm deleted file mode 100644 index fb37cb9f688..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/writing-mode-stretch-001.htm +++ /dev/null @@ -1,57 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Test: writing-mode vertical-lr and vertical-rl</title> - <link href="mailto:mitsuteru.s@gmail.com" rel="author" title="Mitsuteru Sawa"> - <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins Jr."> - <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help"> - <link href="reference/writing-mode-stretch-001-ref.htm" rel="match"> - <meta content="vertical-writing-mode flex items should stretch" name="assert"> - <style> - .container { - display: flex; - width: 250px; - } - .vertical-rl { - writing-mode: vertical-rl; - } - .vertical-lr { - writing-mode: vertical-lr; - } - .item { - background-color: green; - } - .square { - height: 50px; - width: 50px; - } - .error { - position: absolute; - background-color: red; - height: 100px; - width: 250px; - z-index: -1; - } - </style> -</head> -<body> - <p>The test passes if you see a green rectangle and no red.</p> - <div class="test"> - <div class="error"></div> - <div class="container"> - <div class="horizontal item"> - <div class="square"></div> - <div class="square"></div> - </div> - <div class="vertical-rl item"> - <div class="square"></div> - <div class="square"></div> - </div> - <div class="vertical-lr item"> - <div class="square"></div> - <div class="square"></div> - </div> - </div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-writing-modes-3_dev/implementation-report-TEMPLATE.data index eb569c4d6d4..8ff73acdb8c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/implementation-report-TEMPLATE.data @@ -807,104 +807,104 @@ html/block-embed-002.htm 5069f35597f779fbb548ebf2f2ee2e5cc5416bcf ? xhtml1/block-embed-002.xht 5069f35597f779fbb548ebf2f2ee2e5cc5416bcf ? html/block-embed-003.htm 5a2ea65cfd1fccd182350cb160caaadd6d17a02d ? xhtml1/block-embed-003.xht 5a2ea65cfd1fccd182350cb160caaadd6d17a02d ? -html/block-flow-direction-001.htm 44f3f900314ac5af53fd9014c41c853b7bb96e93 ? -xhtml1/block-flow-direction-001.xht 44f3f900314ac5af53fd9014c41c853b7bb96e93 ? -html/block-flow-direction-002.htm 5c9e8af7d012391a0cf3e467c18cd28aa0362ee9 ? -xhtml1/block-flow-direction-002.xht 5c9e8af7d012391a0cf3e467c18cd28aa0362ee9 ? -html/block-flow-direction-003.htm 04de4c62ecb1d2fc240821c80b6be58b3479f864 ? -xhtml1/block-flow-direction-003.xht 04de4c62ecb1d2fc240821c80b6be58b3479f864 ? -html/block-flow-direction-004.htm 87224a4f647a5e688530ed22fe4fa2703adab3ef ? -xhtml1/block-flow-direction-004.xht 87224a4f647a5e688530ed22fe4fa2703adab3ef ? -html/block-flow-direction-005.htm 19d6c862abd4bbb497a79b7854ff36a92e359bb9 ? -xhtml1/block-flow-direction-005.xht 19d6c862abd4bbb497a79b7854ff36a92e359bb9 ? -html/block-flow-direction-006.htm 69944fcf1c68c9d9601789ff315ebfff67af335f ? -xhtml1/block-flow-direction-006.xht 69944fcf1c68c9d9601789ff315ebfff67af335f ? -html/block-flow-direction-007.htm 5762555012033e263d15589c1761c7f162522cf6 ? -xhtml1/block-flow-direction-007.xht 5762555012033e263d15589c1761c7f162522cf6 ? -html/block-flow-direction-008.htm 3aced69861609275f621ac3fb95ad5447670e790 ? -xhtml1/block-flow-direction-008.xht 3aced69861609275f621ac3fb95ad5447670e790 ? -html/block-flow-direction-009.htm a54cced47078b3a68d3eb38dfa7fc2acc31e4985 ? -xhtml1/block-flow-direction-009.xht a54cced47078b3a68d3eb38dfa7fc2acc31e4985 ? -html/block-flow-direction-010.htm 92cc02cb3b4ad46fed8890ec471e4a95daebfd51 ? -xhtml1/block-flow-direction-010.xht 92cc02cb3b4ad46fed8890ec471e4a95daebfd51 ? -html/block-flow-direction-011.htm 00641510869b1e4ae2e4f11100696408b80bdf7f ? -xhtml1/block-flow-direction-011.xht 00641510869b1e4ae2e4f11100696408b80bdf7f ? -html/block-flow-direction-012.htm dcd7145988194f22139d18ff39769a279dc69930 ? -xhtml1/block-flow-direction-012.xht dcd7145988194f22139d18ff39769a279dc69930 ? -html/block-flow-direction-013.htm 11e9fff1bccd00695d7199c7cc4b3a747c423b31 ? -xhtml1/block-flow-direction-013.xht 11e9fff1bccd00695d7199c7cc4b3a747c423b31 ? -html/block-flow-direction-014.htm d381dd732d4cb52cad4c95278dc064b07c07745c ? -xhtml1/block-flow-direction-014.xht d381dd732d4cb52cad4c95278dc064b07c07745c ? -html/block-flow-direction-015.htm 0ad39ff63db30d1857570edd044ab52330df0842 ? -xhtml1/block-flow-direction-015.xht 0ad39ff63db30d1857570edd044ab52330df0842 ? -html/block-flow-direction-016.htm dc77235c2c9b519a945f9e4aacaa4a97ec8d878c ? -xhtml1/block-flow-direction-016.xht dc77235c2c9b519a945f9e4aacaa4a97ec8d878c ? -html/block-flow-direction-017.htm b754020995f81dd4bdc7724a11d3e5627bd4635a ? -xhtml1/block-flow-direction-017.xht b754020995f81dd4bdc7724a11d3e5627bd4635a ? -html/block-flow-direction-018.htm b4846a278087e245afa7906739ebc29bd064b0c3 ? -xhtml1/block-flow-direction-018.xht b4846a278087e245afa7906739ebc29bd064b0c3 ? -html/block-flow-direction-019.htm d9411cf53b2d5939eba25f07d0df0e5dac4f4975 ? -xhtml1/block-flow-direction-019.xht d9411cf53b2d5939eba25f07d0df0e5dac4f4975 ? -html/block-flow-direction-020.htm 9ee8ac4727f563cb12230fdeca50995ee079f05d ? -xhtml1/block-flow-direction-020.xht 9ee8ac4727f563cb12230fdeca50995ee079f05d ? -html/block-flow-direction-021.htm 26cfe2621ebbba3fc203d83162c2d82d366f718d ? -xhtml1/block-flow-direction-021.xht 26cfe2621ebbba3fc203d83162c2d82d366f718d ? -html/block-flow-direction-022.htm 1ded5744a815d3f8a7a92507ea990296d6a6b097 ? -xhtml1/block-flow-direction-022.xht 1ded5744a815d3f8a7a92507ea990296d6a6b097 ? -html/block-flow-direction-023.htm 798374964b006150956da1e531b9b8dc193c6d2e ? -xhtml1/block-flow-direction-023.xht 798374964b006150956da1e531b9b8dc193c6d2e ? -html/block-flow-direction-024.htm 615663a35f0f8883842a5bcbf77cf8e788fbdc48 ? -xhtml1/block-flow-direction-024.xht 615663a35f0f8883842a5bcbf77cf8e788fbdc48 ? -html/block-flow-direction-025.htm 6b3673477ab3c066dec96f347d5c1f6aaafc0622 ? -xhtml1/block-flow-direction-025.xht 6b3673477ab3c066dec96f347d5c1f6aaafc0622 ? -html/block-flow-direction-042.htm df94875e12886f6dc69caf83f9753f9e854de4ca ? -xhtml1/block-flow-direction-042.xht df94875e12886f6dc69caf83f9753f9e854de4ca ? -html/block-flow-direction-043.htm d620513327a1baf327a3a34c8a2cf6e3fbd25f68 ? -xhtml1/block-flow-direction-043.xht d620513327a1baf327a3a34c8a2cf6e3fbd25f68 ? -html/block-flow-direction-045.htm cb0b9aa5f9924a5c63a1b29f5f0ac7b99fbf97b1 ? -xhtml1/block-flow-direction-045.xht cb0b9aa5f9924a5c63a1b29f5f0ac7b99fbf97b1 ? -html/block-flow-direction-046.htm bc17e76d85e2e708fb04751460b57a60ce5c0a86 ? -xhtml1/block-flow-direction-046.xht bc17e76d85e2e708fb04751460b57a60ce5c0a86 ? -html/block-flow-direction-047.htm 6ab3fc6d4944e8a48966ffaa85142b9b19468617 ? -xhtml1/block-flow-direction-047.xht 6ab3fc6d4944e8a48966ffaa85142b9b19468617 ? -html/block-flow-direction-048.htm 2b2a96a6cb128b020a40650a17603b9ed9a1efa7 ? -xhtml1/block-flow-direction-048.xht 2b2a96a6cb128b020a40650a17603b9ed9a1efa7 ? -html/block-flow-direction-049.htm fb772f83f079e3a9320d1a93246f6e34b99e9267 ? -xhtml1/block-flow-direction-049.xht fb772f83f079e3a9320d1a93246f6e34b99e9267 ? -html/block-flow-direction-050.htm a6ff9d8832f3a99a1a890745066e7d8988911ea4 ? -xhtml1/block-flow-direction-050.xht a6ff9d8832f3a99a1a890745066e7d8988911ea4 ? -html/block-flow-direction-051.htm 1b211d57083d0e48effa803b3740386763b47a83 ? -xhtml1/block-flow-direction-051.xht 1b211d57083d0e48effa803b3740386763b47a83 ? -html/block-flow-direction-052.htm 200e1135bd938e8c1884b482831da93745ce205b ? -xhtml1/block-flow-direction-052.xht 200e1135bd938e8c1884b482831da93745ce205b ? -html/block-flow-direction-053.htm 51069f50da4611b4937f16d27e7632d6af6b9182 ? -xhtml1/block-flow-direction-053.xht 51069f50da4611b4937f16d27e7632d6af6b9182 ? -html/block-flow-direction-054.htm 77529af0b060562d96c95e9ba69d5b027ebf0ea3 ? -xhtml1/block-flow-direction-054.xht 77529af0b060562d96c95e9ba69d5b027ebf0ea3 ? -html/block-flow-direction-055.htm 41718dc593a80f58ead3335ee8741c44948938df ? -xhtml1/block-flow-direction-055.xht 41718dc593a80f58ead3335ee8741c44948938df ? -html/block-flow-direction-056.htm 35282509954f2e32b8e2d08f01c769b2c6ccfae6 ? -xhtml1/block-flow-direction-056.xht 35282509954f2e32b8e2d08f01c769b2c6ccfae6 ? -html/block-flow-direction-057.htm 0f660ee8f6d45c27f3cb0b303a2782fcbb0f8405 ? -xhtml1/block-flow-direction-057.xht 0f660ee8f6d45c27f3cb0b303a2782fcbb0f8405 ? -html/block-flow-direction-058.htm 141e410db8a069da0026072d00aa78275580965f ? -xhtml1/block-flow-direction-058.xht 141e410db8a069da0026072d00aa78275580965f ? -html/block-flow-direction-059.htm dcbac90bb1e96e626d0c0c0766971df2d2455b6a ? -xhtml1/block-flow-direction-059.xht dcbac90bb1e96e626d0c0c0766971df2d2455b6a ? -html/block-flow-direction-060.htm 32411bf7a80af4400d47a685ffea28e86f4ca544 ? -xhtml1/block-flow-direction-060.xht 32411bf7a80af4400d47a685ffea28e86f4ca544 ? -html/block-flow-direction-061.htm f24099feb05a2d8860e9c2e8a5b4adff52f9c6c5 ? -xhtml1/block-flow-direction-061.xht f24099feb05a2d8860e9c2e8a5b4adff52f9c6c5 ? -html/block-flow-direction-062.htm 4790f1a71d513e51935cfa8e6f4d5ae8df8ade46 ? -xhtml1/block-flow-direction-062.xht 4790f1a71d513e51935cfa8e6f4d5ae8df8ade46 ? -html/block-flow-direction-063.htm 1f3ef0d5b047336ae444f036209e66fde393ffd3 ? -xhtml1/block-flow-direction-063.xht 1f3ef0d5b047336ae444f036209e66fde393ffd3 ? -html/block-flow-direction-064.htm 4ce9e308161754d6f5293e0d28b94f8316f5caca ? -xhtml1/block-flow-direction-064.xht 4ce9e308161754d6f5293e0d28b94f8316f5caca ? -html/block-flow-direction-065.htm 023ff8747304789a30ff10a1bca125ec74d665db ? -xhtml1/block-flow-direction-065.xht 023ff8747304789a30ff10a1bca125ec74d665db ? -html/block-flow-direction-066.htm 172e1587f1d5af4a41e87f5010fa2046053ba0c6 ? -xhtml1/block-flow-direction-066.xht 172e1587f1d5af4a41e87f5010fa2046053ba0c6 ? +html/block-flow-direction-004.htm 7f44e9c74d1b3a6301f206d24540d59b9671d949 ? +xhtml1/block-flow-direction-004.xht 7f44e9c74d1b3a6301f206d24540d59b9671d949 ? +html/block-flow-direction-htb-001.htm d01d287f663b80a864a3c30ff9f3994b9bc909a0 ? +xhtml1/block-flow-direction-htb-001.xht d01d287f663b80a864a3c30ff9f3994b9bc909a0 ? +html/block-flow-direction-slr-043.htm d620513327a1baf327a3a34c8a2cf6e3fbd25f68 ? +xhtml1/block-flow-direction-slr-043.xht d620513327a1baf327a3a34c8a2cf6e3fbd25f68 ? +html/block-flow-direction-slr-047.htm ab814a81eb8f3e25782dfe3b49eac7f9638a3ec6 ? +xhtml1/block-flow-direction-slr-047.xht ab814a81eb8f3e25782dfe3b49eac7f9638a3ec6 ? +html/block-flow-direction-slr-048.htm 2ac972f18c1a1ba25385d1c92d02bc3f54478431 ? +xhtml1/block-flow-direction-slr-048.xht 2ac972f18c1a1ba25385d1c92d02bc3f54478431 ? +html/block-flow-direction-slr-050.htm 199ca9acad6c70f8bbca71653ed5e0353b9d350a ? +xhtml1/block-flow-direction-slr-050.xht 199ca9acad6c70f8bbca71653ed5e0353b9d350a ? +html/block-flow-direction-slr-054.htm c52517f876c6d75c185e9e80bf7fcb0786e14c2f ? +xhtml1/block-flow-direction-slr-054.xht c52517f876c6d75c185e9e80bf7fcb0786e14c2f ? +html/block-flow-direction-slr-055.htm 43343964103ab81e0d2fd8f88c699e5c12c23824 ? +xhtml1/block-flow-direction-slr-055.xht 43343964103ab81e0d2fd8f88c699e5c12c23824 ? +html/block-flow-direction-slr-056.htm 149d683e6dee716a8eecb3cf010545e56df21b69 ? +xhtml1/block-flow-direction-slr-056.xht 149d683e6dee716a8eecb3cf010545e56df21b69 ? +html/block-flow-direction-slr-058.htm 75e9f1c643c28706c18e41f66f5f3501a2747646 ? +xhtml1/block-flow-direction-slr-058.xht 75e9f1c643c28706c18e41f66f5f3501a2747646 ? +html/block-flow-direction-slr-060.htm f9ba469869e342fc903aa2c8a6e5c1c687f64d21 ? +xhtml1/block-flow-direction-slr-060.xht f9ba469869e342fc903aa2c8a6e5c1c687f64d21 ? +html/block-flow-direction-slr-062.htm 4790f1a71d513e51935cfa8e6f4d5ae8df8ade46 ? +xhtml1/block-flow-direction-slr-062.xht 4790f1a71d513e51935cfa8e6f4d5ae8df8ade46 ? +html/block-flow-direction-slr-063.htm 1f3ef0d5b047336ae444f036209e66fde393ffd3 ? +xhtml1/block-flow-direction-slr-063.xht 1f3ef0d5b047336ae444f036209e66fde393ffd3 ? +html/block-flow-direction-slr-066.htm 172e1587f1d5af4a41e87f5010fa2046053ba0c6 ? +xhtml1/block-flow-direction-slr-066.xht 172e1587f1d5af4a41e87f5010fa2046053ba0c6 ? +html/block-flow-direction-srl-042.htm 9386d50b85c8828acf6ddf748cc7bd7312e3bc61 ? +xhtml1/block-flow-direction-srl-042.xht 9386d50b85c8828acf6ddf748cc7bd7312e3bc61 ? +html/block-flow-direction-srl-045.htm 2593332cde19804208c285fbb1081baac7c01fe6 ? +xhtml1/block-flow-direction-srl-045.xht 2593332cde19804208c285fbb1081baac7c01fe6 ? +html/block-flow-direction-srl-046.htm 0dd2254cce8022adbfe35e7297bfb3c90434cce9 ? +xhtml1/block-flow-direction-srl-046.xht 0dd2254cce8022adbfe35e7297bfb3c90434cce9 ? +html/block-flow-direction-srl-049.htm 74bf2e9fee2c109dbbf993eadb3298a3e3a588fb ? +xhtml1/block-flow-direction-srl-049.xht 74bf2e9fee2c109dbbf993eadb3298a3e3a588fb ? +html/block-flow-direction-srl-051.htm 898556b977d0ece3dbe57d5adb8621db1953b1be ? +xhtml1/block-flow-direction-srl-051.xht 898556b977d0ece3dbe57d5adb8621db1953b1be ? +html/block-flow-direction-srl-052.htm a796b5de2004cecccd7a85aa302c95ffe02be3e7 ? +xhtml1/block-flow-direction-srl-052.xht a796b5de2004cecccd7a85aa302c95ffe02be3e7 ? +html/block-flow-direction-srl-053.htm bb2d227543ea4112c87a792ae9a0ee1630037431 ? +xhtml1/block-flow-direction-srl-053.xht bb2d227543ea4112c87a792ae9a0ee1630037431 ? +html/block-flow-direction-srl-057.htm c19b3919e5191225d83710b5fb1441f40c9549bf ? +xhtml1/block-flow-direction-srl-057.xht c19b3919e5191225d83710b5fb1441f40c9549bf ? +html/block-flow-direction-srl-059.htm f1ffc1d7192f376de74c9aec1d7c663325258e87 ? +xhtml1/block-flow-direction-srl-059.xht f1ffc1d7192f376de74c9aec1d7c663325258e87 ? +html/block-flow-direction-srl-061.htm aabc75d1fe9460ede6b45a6597bae5e3c813d5e7 ? +xhtml1/block-flow-direction-srl-061.xht aabc75d1fe9460ede6b45a6597bae5e3c813d5e7 ? +html/block-flow-direction-srl-064.htm f7e5ec148f1d9dabd8f306889c20f915b7b3461f ? +xhtml1/block-flow-direction-srl-064.xht f7e5ec148f1d9dabd8f306889c20f915b7b3461f ? +html/block-flow-direction-srl-065.htm 023ff8747304789a30ff10a1bca125ec74d665db ? +xhtml1/block-flow-direction-srl-065.xht 023ff8747304789a30ff10a1bca125ec74d665db ? +html/block-flow-direction-vlr-003.htm 928dfdfc072ccd950cfe66b98b35ea6db784d588 ? +xhtml1/block-flow-direction-vlr-003.xht 928dfdfc072ccd950cfe66b98b35ea6db784d588 ? +html/block-flow-direction-vlr-007.htm 407c1365b18b1e3e83ab58e5fd16b5d8cb5419f5 ? +xhtml1/block-flow-direction-vlr-007.xht 407c1365b18b1e3e83ab58e5fd16b5d8cb5419f5 ? +html/block-flow-direction-vlr-008.htm 1b2d1380bc909ae7441e57ff440596f17d9eae73 ? +xhtml1/block-flow-direction-vlr-008.xht 1b2d1380bc909ae7441e57ff440596f17d9eae73 ? +html/block-flow-direction-vlr-010.htm 5397d3de28574e98ffa7bca5a5b97809f9823cc3 ? +xhtml1/block-flow-direction-vlr-010.xht 5397d3de28574e98ffa7bca5a5b97809f9823cc3 ? +html/block-flow-direction-vlr-014.htm 849885b8c4960f045abde1260bb439643c48d33a ? +xhtml1/block-flow-direction-vlr-014.xht 849885b8c4960f045abde1260bb439643c48d33a ? +html/block-flow-direction-vlr-015.htm fe90fcbf2e0f40058810558347cddb216371c73f ? +xhtml1/block-flow-direction-vlr-015.xht fe90fcbf2e0f40058810558347cddb216371c73f ? +html/block-flow-direction-vlr-016.htm 3f05887970a4dbc16f24bb64dd3ae8fceaa93079 ? +xhtml1/block-flow-direction-vlr-016.xht 3f05887970a4dbc16f24bb64dd3ae8fceaa93079 ? +html/block-flow-direction-vlr-018.htm 6ae8e965380f6ef858b3553ed79644626cba4b50 ? +xhtml1/block-flow-direction-vlr-018.xht 6ae8e965380f6ef858b3553ed79644626cba4b50 ? +html/block-flow-direction-vlr-020.htm c50b08132e34b9502195a534e292dce167bb8034 ? +xhtml1/block-flow-direction-vlr-020.xht c50b08132e34b9502195a534e292dce167bb8034 ? +html/block-flow-direction-vlr-022.htm 5fd5ba344cabe111c44407f5af8030d9d33ce0a3 ? +xhtml1/block-flow-direction-vlr-022.xht 5fd5ba344cabe111c44407f5af8030d9d33ce0a3 ? +html/block-flow-direction-vlr-023.htm 54263c76d878d9e2af7e4cac421821f2b81d964f ? +xhtml1/block-flow-direction-vlr-023.xht 54263c76d878d9e2af7e4cac421821f2b81d964f ? +html/block-flow-direction-vrl-002.htm 245dbcb9b9fdf7ddc7a0856ebb0410527aa2ff35 ? +xhtml1/block-flow-direction-vrl-002.xht 245dbcb9b9fdf7ddc7a0856ebb0410527aa2ff35 ? +html/block-flow-direction-vrl-005.htm 77aa227c6700cdce48fb05a7c128dabdd4a17a01 ? +xhtml1/block-flow-direction-vrl-005.xht 77aa227c6700cdce48fb05a7c128dabdd4a17a01 ? +html/block-flow-direction-vrl-006.htm 53884f58a11b626ff2c509b0fad1c1b434dd3f95 ? +xhtml1/block-flow-direction-vrl-006.xht 53884f58a11b626ff2c509b0fad1c1b434dd3f95 ? +html/block-flow-direction-vrl-009.htm fdf3568373f80b82ae92ddd543097eb18f22e938 ? +xhtml1/block-flow-direction-vrl-009.xht fdf3568373f80b82ae92ddd543097eb18f22e938 ? +html/block-flow-direction-vrl-011.htm 3c910ddee86af042c66f17a26b2a8b2b7fbe4da5 ? +xhtml1/block-flow-direction-vrl-011.xht 3c910ddee86af042c66f17a26b2a8b2b7fbe4da5 ? +html/block-flow-direction-vrl-012.htm 070fec5fdb6e75420661ab86ce649d0709150d69 ? +xhtml1/block-flow-direction-vrl-012.xht 070fec5fdb6e75420661ab86ce649d0709150d69 ? +html/block-flow-direction-vrl-013.htm 963c81fe1ba79af32377953142e546df28573f96 ? +xhtml1/block-flow-direction-vrl-013.xht 963c81fe1ba79af32377953142e546df28573f96 ? +html/block-flow-direction-vrl-017.htm fb307f52cfcf3186e73150fca4b2906e7a998c44 ? +xhtml1/block-flow-direction-vrl-017.xht fb307f52cfcf3186e73150fca4b2906e7a998c44 ? +html/block-flow-direction-vrl-019.htm b6765c57fa724a174db964d6d5ae1523daebf260 ? +xhtml1/block-flow-direction-vrl-019.xht b6765c57fa724a174db964d6d5ae1523daebf260 ? +html/block-flow-direction-vrl-021.htm c6cbb2e1f8e824fdda5d94bb31c8ad9507162e65 ? +xhtml1/block-flow-direction-vrl-021.xht c6cbb2e1f8e824fdda5d94bb31c8ad9507162e65 ? +html/block-flow-direction-vrl-024.htm a1dddb1952ff3df783226338b1a14f7906288e23 ? +xhtml1/block-flow-direction-vrl-024.xht a1dddb1952ff3df783226338b1a14f7906288e23 ? +html/block-flow-direction-vrl-025.htm 6b3673477ab3c066dec96f347d5c1f6aaafc0622 ? +xhtml1/block-flow-direction-vrl-025.xht 6b3673477ab3c066dec96f347d5c1f6aaafc0622 ? html/block-override-001.htm c9f01a298fdc3c1c6eaceefc08c1f134078a0c61 ? xhtml1/block-override-001.xht c9f01a298fdc3c1c6eaceefc08c1f134078a0c61 ? html/block-override-002.htm 1c72e7aa6e1d313b0e23b11e9e637b1f77dd39f4 ? @@ -1099,6 +1099,8 @@ html/flexbox-writing-mode-008.htm aaac3dcddfec40e5c67ae479e0df2184ddec82d2 ? xhtml1/flexbox-writing-mode-008.xht aaac3dcddfec40e5c67ae479e0df2184ddec82d2 ? html/flexbox-writing-mode-009.htm 931b9d02203e63cacec94a45b450d721c5222706 ? xhtml1/flexbox-writing-mode-009.xht 931b9d02203e63cacec94a45b450d721c5222706 ? +html/flexbox_align-items-stretch-writing-modes.htm d1bb1a411a86d0232f96b7776b01c086456c3617 ? +xhtml1/flexbox_align-items-stretch-writing-modes.xht d1bb1a411a86d0232f96b7776b01c086456c3617 ? html/float-clear-vlr-003.htm d1389b5656d54ac52dea06ede9e957b55e266bbe ? xhtml1/float-clear-vlr-003.xht d1389b5656d54ac52dea06ede9e957b55e266bbe ? html/float-clear-vlr-005.htm cbf4ba130a84fb2713529a38bcc215242fe657a8 ? @@ -1181,16 +1183,28 @@ html/float-vrl-010.htm eba1fed0beacc51e0ce57c561038bc74ebca21c9 ? xhtml1/float-vrl-010.xht eba1fed0beacc51e0ce57c561038bc74ebca21c9 ? html/float-vrl-012.htm 167d7246493ce26814aa6caba860ea898569f7bc ? xhtml1/float-vrl-012.xht 167d7246493ce26814aa6caba860ea898569f7bc ? -html/form-controls-vert-rl-004.htm b90c89e4a88c32da8126ee0c818b1df1287aa46a ? -xhtml1/form-controls-vert-rl-004.xht b90c89e4a88c32da8126ee0c818b1df1287aa46a ? -html/form-controls-vert-rl-005.htm 76cacb867c752913e51f52b6a19d9c0f9d55e080 ? -xhtml1/form-controls-vert-rl-005.xht 76cacb867c752913e51f52b6a19d9c0f9d55e080 ? -html/full-width-001.htm a2c91fc3cd710179c048b7e6e34ad24c68f56ae7 ? -xhtml1/full-width-001.xht a2c91fc3cd710179c048b7e6e34ad24c68f56ae7 ? -html/full-width-002.htm d3899bb9aac8c47ec60d90d6ece293c343e3d978 ? -xhtml1/full-width-002.xht d3899bb9aac8c47ec60d90d6ece293c343e3d978 ? -html/full-width-003.htm f6deaece33b7947dfe97c6514dab6a11d4718efa ? -xhtml1/full-width-003.xht f6deaece33b7947dfe97c6514dab6a11d4718efa ? +html/form-controls-slr-004.htm 2cd26fa6fd32309b5ee9e9d1b21141c27a8815e1 ? +xhtml1/form-controls-slr-004.xht 2cd26fa6fd32309b5ee9e9d1b21141c27a8815e1 ? +html/form-controls-slr-005.htm a31bbefed0f17ae13195bec0dbf5813ca6c2175c ? +xhtml1/form-controls-slr-005.xht a31bbefed0f17ae13195bec0dbf5813ca6c2175c ? +html/form-controls-srl-004.htm fa1695c3f43c052217d45be574ae054c8527d580 ? +xhtml1/form-controls-srl-004.xht fa1695c3f43c052217d45be574ae054c8527d580 ? +html/form-controls-srl-005.htm d1c454fbb9ea0d71a5c4b07ad83e6fef8645c1d4 ? +xhtml1/form-controls-srl-005.xht d1c454fbb9ea0d71a5c4b07ad83e6fef8645c1d4 ? +html/form-controls-vlr-004.htm 5d98284a0fce93b65c34753a7e714947c4a0eafb ? +xhtml1/form-controls-vlr-004.xht 5d98284a0fce93b65c34753a7e714947c4a0eafb ? +html/form-controls-vlr-005.htm 949c045be25bb731bafcf985b33447906f701696 ? +xhtml1/form-controls-vlr-005.xht 949c045be25bb731bafcf985b33447906f701696 ? +html/form-controls-vrl-004.htm e10fcf280cc4a14e2b335f8ecba7370b4f213629 ? +xhtml1/form-controls-vrl-004.xht e10fcf280cc4a14e2b335f8ecba7370b4f213629 ? +html/form-controls-vrl-005.htm be143dd2896bab52cfbfc53134b83e8f56e12fca ? +xhtml1/form-controls-vrl-005.xht be143dd2896bab52cfbfc53134b83e8f56e12fca ? +html/full-width-001.htm 9ae7d7194254a7baa30d27419564401430af65db ? +xhtml1/full-width-001.xht 9ae7d7194254a7baa30d27419564401430af65db ? +html/full-width-002.htm 278f5bab05df634ec6d6f57f8ee0357906367eaa ? +xhtml1/full-width-002.xht 278f5bab05df634ec6d6f57f8ee0357906367eaa ? +html/full-width-003.htm 743911d25fbd1f8dab1eaca4460682cb5a899307 ? +xhtml1/full-width-003.xht 743911d25fbd1f8dab1eaca4460682cb5a899307 ? html/height-width-inline-non-replaced-vlr-003.htm c4dc057ce3b92a36ee25f0c031c0ba68f633d396 ? xhtml1/height-width-inline-non-replaced-vlr-003.xht c4dc057ce3b92a36ee25f0c031c0ba68f633d396 ? html/height-width-inline-non-replaced-vrl-002.htm 6c93b9c50edcb286ce65e14c45e9f13dc1728b2c ? @@ -1239,44 +1253,80 @@ html/inline-table-alignment-004.htm a4225278e61c6bb19485308ea475c478f49c63c6 ? xhtml1/inline-table-alignment-004.xht a4225278e61c6bb19485308ea475c478f49c63c6 ? html/inline-table-alignment-005.htm 55a66161c1f5a835eaa56cf0b6403f908a1df790 ? xhtml1/inline-table-alignment-005.xht 55a66161c1f5a835eaa56cf0b6403f908a1df790 ? -html/line-box-direction-001.htm 4f23534d3ad5549814e21481fc7be029c18b1ffa ? -xhtml1/line-box-direction-001.xht 4f23534d3ad5549814e21481fc7be029c18b1ffa ? -html/line-box-direction-002.htm 9fd5d600cbe89911547a9026160f73b3c664f09f ? -xhtml1/line-box-direction-002.xht 9fd5d600cbe89911547a9026160f73b3c664f09f ? -html/line-box-direction-003.htm 3a531edc798b49cc2dc416d06b7876282a1580bc ? -xhtml1/line-box-direction-003.xht 3a531edc798b49cc2dc416d06b7876282a1580bc ? -html/line-box-direction-005.htm feef94d80e3b21fbdba0282ac0cfb7ac7cfc7224 ? -xhtml1/line-box-direction-005.xht feef94d80e3b21fbdba0282ac0cfb7ac7cfc7224 ? -html/line-box-direction-006.htm 1750feaf08105912ac3ce34b68d343f0c34faae5 ? -xhtml1/line-box-direction-006.xht 1750feaf08105912ac3ce34b68d343f0c34faae5 ? -html/line-box-direction-007.htm 8c6e65a48d355ba7dc97bdde6a0cbe877eb9c4ff ? -xhtml1/line-box-direction-007.xht 8c6e65a48d355ba7dc97bdde6a0cbe877eb9c4ff ? -html/line-box-direction-008.htm 15c4197a1c0b79bed6c8b96ba9f989a10f73df85 ? -xhtml1/line-box-direction-008.xht 15c4197a1c0b79bed6c8b96ba9f989a10f73df85 ? -html/line-box-direction-009.htm da1a4a4f7c1d1e59546b943adb8f8e0d119f314c ? -xhtml1/line-box-direction-009.xht da1a4a4f7c1d1e59546b943adb8f8e0d119f314c ? -html/line-box-direction-010.htm e87fa097edd4146b16c0f42d8817becbaaaaea30 ? -xhtml1/line-box-direction-010.xht e87fa097edd4146b16c0f42d8817becbaaaaea30 ? -html/line-box-direction-011.htm f8650989de43ac7fb803e2d3ee90895585093859 ? -xhtml1/line-box-direction-011.xht f8650989de43ac7fb803e2d3ee90895585093859 ? -html/line-box-direction-012.htm fd46e6862d5550e26ff8676f197c139a6ef22c76 ? -xhtml1/line-box-direction-012.xht fd46e6862d5550e26ff8676f197c139a6ef22c76 ? -html/line-box-direction-013.htm 19b536e0a1f8ade5e0d4b28e000a4cfc2ef6fffb ? -xhtml1/line-box-direction-013.xht 19b536e0a1f8ade5e0d4b28e000a4cfc2ef6fffb ? -html/line-box-direction-014.htm 48ce7e37185f5cc05ebd9bcab83816666586fb12 ? -xhtml1/line-box-direction-014.xht 48ce7e37185f5cc05ebd9bcab83816666586fb12 ? -html/line-box-direction-015.htm 6c1d326321d127b5ce4257d1b2ac8a98c3582d2f ? -xhtml1/line-box-direction-015.xht 6c1d326321d127b5ce4257d1b2ac8a98c3582d2f ? -html/line-box-direction-016.htm 6bfe1b10d730d4a7f3223cb9660d3ea34a087660 ? -xhtml1/line-box-direction-016.xht 6bfe1b10d730d4a7f3223cb9660d3ea34a087660 ? -html/line-box-direction-017.htm 82c0b1c9077d8c2593f76ba2a7641ed4c66d09f5 ? -xhtml1/line-box-direction-017.xht 82c0b1c9077d8c2593f76ba2a7641ed4c66d09f5 ? -html/line-box-direction-018.htm 14c9f8e9c6bc46db0837781f18284c9e16adfdcf ? -xhtml1/line-box-direction-018.xht 14c9f8e9c6bc46db0837781f18284c9e16adfdcf ? -html/line-box-direction-019.htm 85531d155283e10dc3b47ac2d21c82b585b86dae ? -xhtml1/line-box-direction-019.xht 85531d155283e10dc3b47ac2d21c82b585b86dae ? -html/line-box-direction-020.htm 49e2dd15614f0a9bb9835ad17b35e10ddf9d6270 ? -xhtml1/line-box-direction-020.xht 49e2dd15614f0a9bb9835ad17b35e10ddf9d6270 ? +html/line-box-direction-htb-001.htm 144e3ebc814d53d779e5a53cf11783e6caae3180 ? +xhtml1/line-box-direction-htb-001.xht 144e3ebc814d53d779e5a53cf11783e6caae3180 ? +html/line-box-direction-slr-043.htm b2433e448382beee6144ea9273ccaeedb78020b1 ? +xhtml1/line-box-direction-slr-043.xht b2433e448382beee6144ea9273ccaeedb78020b1 ? +html/line-box-direction-slr-047.htm 33a41609e0d1539dce695b96676e4919ea7b258c ? +xhtml1/line-box-direction-slr-047.xht 33a41609e0d1539dce695b96676e4919ea7b258c ? +html/line-box-direction-slr-048.htm ee0709b06ab8e4b2a8bf2b2406366c29d5c53d5d ? +xhtml1/line-box-direction-slr-048.xht ee0709b06ab8e4b2a8bf2b2406366c29d5c53d5d ? +html/line-box-direction-slr-050.htm bcbc21bf1fb977852ada32cfac396832fb9d5b17 ? +xhtml1/line-box-direction-slr-050.xht bcbc21bf1fb977852ada32cfac396832fb9d5b17 ? +html/line-box-direction-slr-053.htm f6604cd69dd159c1d5705e869cf31f867d629254 ? +xhtml1/line-box-direction-slr-053.xht f6604cd69dd159c1d5705e869cf31f867d629254 ? +html/line-box-direction-slr-054.htm 2c2841653a35d9b05f534f49d56b4028f190a919 ? +xhtml1/line-box-direction-slr-054.xht 2c2841653a35d9b05f534f49d56b4028f190a919 ? +html/line-box-direction-slr-056.htm 2d3669f0af86f760de2634af6207336eb442c921 ? +xhtml1/line-box-direction-slr-056.xht 2d3669f0af86f760de2634af6207336eb442c921 ? +html/line-box-direction-slr-058.htm f24d35df60f340e6517ddfead376fc0e4efc742d ? +xhtml1/line-box-direction-slr-058.xht f24d35df60f340e6517ddfead376fc0e4efc742d ? +html/line-box-direction-slr-060.htm fc05fc8300233325dc2fea1fdcf728673648a7a5 ? +xhtml1/line-box-direction-slr-060.xht fc05fc8300233325dc2fea1fdcf728673648a7a5 ? +html/line-box-direction-srl-042.htm 8ca53d1cd9afc2dd562e8023def14f684ffe16ed ? +xhtml1/line-box-direction-srl-042.xht 8ca53d1cd9afc2dd562e8023def14f684ffe16ed ? +html/line-box-direction-srl-045.htm 99caccd5418ffda9b994611a7488b6b1745572de ? +xhtml1/line-box-direction-srl-045.xht 99caccd5418ffda9b994611a7488b6b1745572de ? +html/line-box-direction-srl-046.htm cbd2e4fe2693d040a789292b42d94478a4e541b8 ? +xhtml1/line-box-direction-srl-046.xht cbd2e4fe2693d040a789292b42d94478a4e541b8 ? +html/line-box-direction-srl-049.htm df3471f8ef7a3b2c7177276e1a15e48480428595 ? +xhtml1/line-box-direction-srl-049.xht df3471f8ef7a3b2c7177276e1a15e48480428595 ? +html/line-box-direction-srl-051.htm 1bd46b5d80ce08a2fc101a0e18e3a9447926082b ? +xhtml1/line-box-direction-srl-051.xht 1bd46b5d80ce08a2fc101a0e18e3a9447926082b ? +html/line-box-direction-srl-052.htm 1d0fadf9cda8bdf84e13ca8881c1c89f4a287748 ? +xhtml1/line-box-direction-srl-052.xht 1d0fadf9cda8bdf84e13ca8881c1c89f4a287748 ? +html/line-box-direction-srl-055.htm 2c1d68d9b71e5ff33e9ff162190cbecdad12b77d ? +xhtml1/line-box-direction-srl-055.xht 2c1d68d9b71e5ff33e9ff162190cbecdad12b77d ? +html/line-box-direction-srl-057.htm 64c5a030a661981fa859e4c68103f0f2cc225d07 ? +xhtml1/line-box-direction-srl-057.xht 64c5a030a661981fa859e4c68103f0f2cc225d07 ? +html/line-box-direction-srl-059.htm 378ecb3403c3380efc24fd54232631ad82d645a4 ? +xhtml1/line-box-direction-srl-059.xht 378ecb3403c3380efc24fd54232631ad82d645a4 ? +html/line-box-direction-vlr-003.htm d9fcd7b49fbc4fe3b24b3cb059b522c4f179ad0d ? +xhtml1/line-box-direction-vlr-003.xht d9fcd7b49fbc4fe3b24b3cb059b522c4f179ad0d ? +html/line-box-direction-vlr-007.htm 115b8a1f9bef34b401bf795ef39a88e9f6e19f99 ? +xhtml1/line-box-direction-vlr-007.xht 115b8a1f9bef34b401bf795ef39a88e9f6e19f99 ? +html/line-box-direction-vlr-008.htm f40fdba518442442703b1cb8da0d6ffc6e95e6b3 ? +xhtml1/line-box-direction-vlr-008.xht f40fdba518442442703b1cb8da0d6ffc6e95e6b3 ? +html/line-box-direction-vlr-010.htm c6f443ac9e94bc551fcabb939a831f334d7d40a4 ? +xhtml1/line-box-direction-vlr-010.xht c6f443ac9e94bc551fcabb939a831f334d7d40a4 ? +html/line-box-direction-vlr-013.htm b31bd55d32bcfa9d86dc801a83a90154324cdfb3 ? +xhtml1/line-box-direction-vlr-013.xht b31bd55d32bcfa9d86dc801a83a90154324cdfb3 ? +html/line-box-direction-vlr-014.htm 5224ea0b9d5ec13fd59fbae552727a5174c87198 ? +xhtml1/line-box-direction-vlr-014.xht 5224ea0b9d5ec13fd59fbae552727a5174c87198 ? +html/line-box-direction-vlr-016.htm fadcdc86ef9300844f8bd02400a57f334a3bcae2 ? +xhtml1/line-box-direction-vlr-016.xht fadcdc86ef9300844f8bd02400a57f334a3bcae2 ? +html/line-box-direction-vlr-018.htm bf53f0deb2871e433df5eb0c3cc0593ded9132ef ? +xhtml1/line-box-direction-vlr-018.xht bf53f0deb2871e433df5eb0c3cc0593ded9132ef ? +html/line-box-direction-vlr-020.htm db035c99299d7413d004aa821f4d9b3398c70f1d ? +xhtml1/line-box-direction-vlr-020.xht db035c99299d7413d004aa821f4d9b3398c70f1d ? +html/line-box-direction-vrl-002.htm 563ae753cbb286fe18650af370e00d8757a4c75a ? +xhtml1/line-box-direction-vrl-002.xht 563ae753cbb286fe18650af370e00d8757a4c75a ? +html/line-box-direction-vrl-005.htm 4b9b003ac5cc8249e2a3eef0feda45c63f6b5914 ? +xhtml1/line-box-direction-vrl-005.xht 4b9b003ac5cc8249e2a3eef0feda45c63f6b5914 ? +html/line-box-direction-vrl-006.htm b30e8f58fcf775079e969e2f091d953eb0e16526 ? +xhtml1/line-box-direction-vrl-006.xht b30e8f58fcf775079e969e2f091d953eb0e16526 ? +html/line-box-direction-vrl-009.htm 861e4d377d83c90aebb17125af569ccb07d09ba5 ? +xhtml1/line-box-direction-vrl-009.xht 861e4d377d83c90aebb17125af569ccb07d09ba5 ? +html/line-box-direction-vrl-011.htm a80267f76e132b79fbe1924ac9da216679d0592a ? +xhtml1/line-box-direction-vrl-011.xht a80267f76e132b79fbe1924ac9da216679d0592a ? +html/line-box-direction-vrl-012.htm abc84b308cee5049f63e4d6381e18863c466848f ? +xhtml1/line-box-direction-vrl-012.xht abc84b308cee5049f63e4d6381e18863c466848f ? +html/line-box-direction-vrl-015.htm 6ffc6ef6794e2f4385ec3556c7524fa2918559dd ? +xhtml1/line-box-direction-vrl-015.xht 6ffc6ef6794e2f4385ec3556c7524fa2918559dd ? +html/line-box-direction-vrl-017.htm 6d6812e1fa5256ccbde67e3207be408445c692be ? +xhtml1/line-box-direction-vrl-017.xht 6d6812e1fa5256ccbde67e3207be408445c692be ? +html/line-box-direction-vrl-019.htm 3470e31a39c2844b821a55a0fdfb13d69f98452a ? +xhtml1/line-box-direction-vrl-019.xht 3470e31a39c2844b821a55a0fdfb13d69f98452a ? html/line-box-height-vlr-003.htm 259671e58e36b19184004f050de2c537b7a1894b ? xhtml1/line-box-height-vlr-003.xht 259671e58e36b19184004f050de2c537b7a1894b ? html/line-box-height-vlr-005.htm cbc67a463940ff5ec5decb725bfeec62814b5752 ? @@ -1413,10 +1463,14 @@ html/padding-vlr-005.htm 4c16042900e00793d562c3b4f5c39a3df16b1f95 ? xhtml1/padding-vlr-005.xht 4c16042900e00793d562c3b4f5c39a3df16b1f95 ? html/padding-vrl-004.htm 43a0740c77fa25671e5831c88555b884e75216ee ? xhtml1/padding-vrl-004.xht 43a0740c77fa25671e5831c88555b884e75216ee ? -html/page-flow-direction-002.htm 517eb88ec0066fc5b6f14a1602fa5383364ecb3c ? -xhtml1/page-flow-direction-002.xht 517eb88ec0066fc5b6f14a1602fa5383364ecb3c ? -html/page-flow-direction-003.htm 9362449f07d4b9dac8dc62f7cc5c1760d02387be ? -xhtml1/page-flow-direction-003.xht 9362449f07d4b9dac8dc62f7cc5c1760d02387be ? +html/page-flow-direction-002.htm 1be4838588d4d52420f215f0499e88ca81c97a2e ? +xhtml1/page-flow-direction-002.xht 1be4838588d4d52420f215f0499e88ca81c97a2e ? +html/page-flow-direction-003.htm 8c8a22a12a385a28d2486ca89b373f4bd4060faf ? +xhtml1/page-flow-direction-003.xht 8c8a22a12a385a28d2486ca89b373f4bd4060faf ? +html/page-flow-direction-slr-005.htm df9acba98f26438465319807c62c0e2e6fcbc6b0 ? +xhtml1/page-flow-direction-slr-005.xht df9acba98f26438465319807c62c0e2e6fcbc6b0 ? +html/page-flow-direction-srl-004.htm f8702ef5c4179574ce28fa8eb8b35ba52fd3018c ? +xhtml1/page-flow-direction-srl-004.xht f8702ef5c4179574ce28fa8eb8b35ba52fd3018c ? html/percent-margin-vlr-003.htm d9ee8193bd1f18a91e7ceaa50b19fa4f06882838 ? xhtml1/percent-margin-vlr-003.xht d9ee8193bd1f18a91e7ceaa50b19fa4f06882838 ? html/percent-margin-vlr-005.htm 2eb847fad6839dee330c0a9c6f00f48f66b5eec0 ? @@ -1445,30 +1499,46 @@ html/replaced-content-image-002.htm 70d61235f5585e0d31e481bcf211b85eff22f9e9 ? xhtml1/replaced-content-image-002.xht 70d61235f5585e0d31e481bcf211b85eff22f9e9 ? html/replaced-content-image-003.htm 7b74dbd7ce8dfb573f138987a97a5bcd5d209973 ? xhtml1/replaced-content-image-003.xht 7b74dbd7ce8dfb573f138987a97a5bcd5d209973 ? -html/row-progression-002.htm 756676b1795650fa99871614423f2660243d19d4 ? -xhtml1/row-progression-002.xht 756676b1795650fa99871614423f2660243d19d4 ? -html/row-progression-003.htm 520e417e434a5a33295451ed87d4df83e8698dd8 ? -xhtml1/row-progression-003.xht 520e417e434a5a33295451ed87d4df83e8698dd8 ? -html/row-progression-004.htm 1dc1ea60a49cfba5ada5c447367605db11596325 ? -xhtml1/row-progression-004.xht 1dc1ea60a49cfba5ada5c447367605db11596325 ? -html/row-progression-005.htm 776ec6bd3a2ccc79b2db93000ece9344f053b8ad ? -xhtml1/row-progression-005.xht 776ec6bd3a2ccc79b2db93000ece9344f053b8ad ? -html/row-progression-006.htm 66f5dfb736ace7bc1b9a4c0a10e55823e8f4b89a ? -xhtml1/row-progression-006.xht 66f5dfb736ace7bc1b9a4c0a10e55823e8f4b89a ? -html/row-progression-007.htm 302a3f2165c8d14d387b036fd865da9dc589542b ? -xhtml1/row-progression-007.xht 302a3f2165c8d14d387b036fd865da9dc589542b ? -html/row-progression-008.htm 7916dd8f7cbfd001d9d9d6b8ab3549dd15a28aff ? -xhtml1/row-progression-008.xht 7916dd8f7cbfd001d9d9d6b8ab3549dd15a28aff ? -html/row-progression-009.htm e6fd417635743fc4554ea67a5744db54461778f3 ? -xhtml1/row-progression-009.xht e6fd417635743fc4554ea67a5744db54461778f3 ? -html/table-column-order-002.htm aef6a48b353649358dfc293d28e8bc602afcbf0f ? -xhtml1/table-column-order-002.xht aef6a48b353649358dfc293d28e8bc602afcbf0f ? -html/table-column-order-003.htm e82ae71ac3541cfba3978ffe9d32d20b1ffcd13d ? -xhtml1/table-column-order-003.xht e82ae71ac3541cfba3978ffe9d32d20b1ffcd13d ? -html/table-column-order-004.htm d6e85e267481db8e23e8e2c7dd3a3e7ae11703e6 ? -xhtml1/table-column-order-004.xht d6e85e267481db8e23e8e2c7dd3a3e7ae11703e6 ? -html/table-column-order-005.htm 5c5f4e626e4aaeae7387fe8e37beb1be49196e3c ? -xhtml1/table-column-order-005.xht 5c5f4e626e4aaeae7387fe8e37beb1be49196e3c ? +html/row-progression-slr-023.htm a9de747337b3db0711133ae1888330b4908a5728 ? +xhtml1/row-progression-slr-023.xht a9de747337b3db0711133ae1888330b4908a5728 ? +html/row-progression-slr-029.htm 12d59fcc02872fb61092b93f292ed10d01049498 ? +xhtml1/row-progression-slr-029.xht 12d59fcc02872fb61092b93f292ed10d01049498 ? +html/row-progression-srl-022.htm e9df4023c3127a72de4ede78636e0b20f2d4c7cf ? +xhtml1/row-progression-srl-022.xht e9df4023c3127a72de4ede78636e0b20f2d4c7cf ? +html/row-progression-srl-028.htm 6346e1e4759f28d04824a3405513c2a784b1742f ? +xhtml1/row-progression-srl-028.xht 6346e1e4759f28d04824a3405513c2a784b1742f ? +html/row-progression-vlr-003.htm 84c432b8cdbbf5cf7183e90135ac46957fa3cb1b ? +xhtml1/row-progression-vlr-003.xht 84c432b8cdbbf5cf7183e90135ac46957fa3cb1b ? +html/row-progression-vlr-005.htm c031930a3ed4ea1e73734dfd2e273afe44c4d2e3 ? +xhtml1/row-progression-vlr-005.xht c031930a3ed4ea1e73734dfd2e273afe44c4d2e3 ? +html/row-progression-vlr-007.htm 1247d033839cc0e6a846fe3715239104315644c8 ? +xhtml1/row-progression-vlr-007.xht 1247d033839cc0e6a846fe3715239104315644c8 ? +html/row-progression-vlr-009.htm 206688d0b2fda2cd4bff586e4451aff4639d85bd ? +xhtml1/row-progression-vlr-009.xht 206688d0b2fda2cd4bff586e4451aff4639d85bd ? +html/row-progression-vrl-002.htm 4efc6ea75fdd7079197d71e8654d70c14b8d1b90 ? +xhtml1/row-progression-vrl-002.xht 4efc6ea75fdd7079197d71e8654d70c14b8d1b90 ? +html/row-progression-vrl-004.htm 37962c7e044b1a6942196368d4e8c9e3d9b72a64 ? +xhtml1/row-progression-vrl-004.xht 37962c7e044b1a6942196368d4e8c9e3d9b72a64 ? +html/row-progression-vrl-006.htm 7bfa2f995c84aec6ab7121cd6dae6155859af190 ? +xhtml1/row-progression-vrl-006.xht 7bfa2f995c84aec6ab7121cd6dae6155859af190 ? +html/row-progression-vrl-008.htm ede35d79789fd49484a0a94bb805484616b16b2a ? +xhtml1/row-progression-vrl-008.xht ede35d79789fd49484a0a94bb805484616b16b2a ? +html/table-column-order-002.htm 2cda479a2b6618a2cb702b11ab1c6d15e84143b0 ? +xhtml1/table-column-order-002.xht 2cda479a2b6618a2cb702b11ab1c6d15e84143b0 ? +html/table-column-order-003.htm e6919ba4cd2868612f81df810867a794b69baa1a ? +xhtml1/table-column-order-003.xht e6919ba4cd2868612f81df810867a794b69baa1a ? +html/table-column-order-004.htm 879e9a12b008f2396d0778283047a723300d976b ? +xhtml1/table-column-order-004.xht 879e9a12b008f2396d0778283047a723300d976b ? +html/table-column-order-005.htm b936639f86135a4e6a13faf2bbb35cef03ab8688 ? +xhtml1/table-column-order-005.xht b936639f86135a4e6a13faf2bbb35cef03ab8688 ? +html/table-progression-slr-001.htm af7d971e56a4df80a306f033041e8c1161b3fc0a ? +xhtml1/table-progression-slr-001.xht af7d971e56a4df80a306f033041e8c1161b3fc0a ? +html/table-progression-slr-002.htm 19e1b54408e91a7566d9502f454c2bd473917c82 ? +xhtml1/table-progression-slr-002.xht 19e1b54408e91a7566d9502f454c2bd473917c82 ? +html/table-progression-srl-001.htm 0dac2ab388f8c05765288927c38dc9f24ba1a277 ? +xhtml1/table-progression-srl-001.xht 0dac2ab388f8c05765288927c38dc9f24ba1a277 ? +html/table-progression-srl-002.htm ea004df0b7de35f6b97a7c097cb5555619ccac94 ? +xhtml1/table-progression-srl-002.xht ea004df0b7de35f6b97a7c097cb5555619ccac94 ? html/table-progression-vlr-001.htm 401f8eb3e2ee5bb76005f18b876ad15312e36f23 ? xhtml1/table-progression-vlr-001.xht 401f8eb3e2ee5bb76005f18b876ad15312e36f23 ? html/table-progression-vlr-002.htm 443f8504e53d242cbfb638187617e29f70f70bef ? @@ -1521,18 +1591,30 @@ html/text-align-vrl-016.htm aa022d161e162cf0c2bc00be399ce9fc39c036bb ? xhtml1/text-align-vrl-016.xht aa022d161e162cf0c2bc00be399ce9fc39c036bb ? html/text-align-vrl-018.htm d563a03c7b8092d0cbfd3c92183d10bba8333354 ? xhtml1/text-align-vrl-018.xht d563a03c7b8092d0cbfd3c92183d10bba8333354 ? -html/text-baseline-002.htm 7425b56caf0b0f236a4cd5c90f9e93f45fb29f54 ? -xhtml1/text-baseline-002.xht 7425b56caf0b0f236a4cd5c90f9e93f45fb29f54 ? -html/text-baseline-003.htm 63eaf4e7b86e7523558aab396ed512c9ce17c048 ? -xhtml1/text-baseline-003.xht 63eaf4e7b86e7523558aab396ed512c9ce17c048 ? -html/text-baseline-004.htm 57ee15d165f0fec44fbf7f1d45a6ffdd1f394dac ? -xhtml1/text-baseline-004.xht 57ee15d165f0fec44fbf7f1d45a6ffdd1f394dac ? -html/text-baseline-005.htm 8cc7d13823e35e96e42f5ef774531f6e9030f2a2 ? -xhtml1/text-baseline-005.xht 8cc7d13823e35e96e42f5ef774531f6e9030f2a2 ? -html/text-baseline-006.htm 86df2740c515deaa2356a703049f68c71ae26176 ? -xhtml1/text-baseline-006.xht 86df2740c515deaa2356a703049f68c71ae26176 ? -html/text-baseline-007.htm 51843b9b15971e6a2c8273f835b3d4eb64f9957f ? -xhtml1/text-baseline-007.xht 51843b9b15971e6a2c8273f835b3d4eb64f9957f ? +html/text-baseline-slr-009.htm f2feea9de3a19fee5ca97b72ef9a0df3d47ae73d ? +xhtml1/text-baseline-slr-009.xht f2feea9de3a19fee5ca97b72ef9a0df3d47ae73d ? +html/text-baseline-slr-011.htm d5f21aa7f5f2dc023cbe2fea86c4d2fd701a8677 ? +xhtml1/text-baseline-slr-011.xht d5f21aa7f5f2dc023cbe2fea86c4d2fd701a8677 ? +html/text-baseline-slr-013.htm 58d0eef98811ed6c05522bb93aec37e09aa3123b ? +xhtml1/text-baseline-slr-013.xht 58d0eef98811ed6c05522bb93aec37e09aa3123b ? +html/text-baseline-srl-008.htm aaa30b8aa8c49b6f761cc160e104aee449f44401 ? +xhtml1/text-baseline-srl-008.xht aaa30b8aa8c49b6f761cc160e104aee449f44401 ? +html/text-baseline-srl-010.htm 5b2eae7a1033e61b023e2c69c56bfa2ae71db38f ? +xhtml1/text-baseline-srl-010.xht 5b2eae7a1033e61b023e2c69c56bfa2ae71db38f ? +html/text-baseline-srl-012.htm 751973aaccb29d4bb6125a842ea8ce54580ac862 ? +xhtml1/text-baseline-srl-012.xht 751973aaccb29d4bb6125a842ea8ce54580ac862 ? +html/text-baseline-vlr-003.htm d2fbd8b70e1a282019dbb946f08fff8778010830 ? +xhtml1/text-baseline-vlr-003.xht d2fbd8b70e1a282019dbb946f08fff8778010830 ? +html/text-baseline-vlr-005.htm 51866103aa9adb12ae38ed73644698ee63a6af64 ? +xhtml1/text-baseline-vlr-005.xht 51866103aa9adb12ae38ed73644698ee63a6af64 ? +html/text-baseline-vlr-007.htm 2f6bc41efeefa86a82ca1266227b44dfeea4df80 ? +xhtml1/text-baseline-vlr-007.xht 2f6bc41efeefa86a82ca1266227b44dfeea4df80 ? +html/text-baseline-vrl-002.htm b1dd1a8cbb988e6bff7a2ea70bec10b96a8d4196 ? +xhtml1/text-baseline-vrl-002.xht b1dd1a8cbb988e6bff7a2ea70bec10b96a8d4196 ? +html/text-baseline-vrl-004.htm b5ab33e341b1b23db4f9ec15902b5ea8d05f4494 ? +xhtml1/text-baseline-vrl-004.xht b5ab33e341b1b23db4f9ec15902b5ea8d05f4494 ? +html/text-baseline-vrl-006.htm b33d1c8910435da20bbabdf811f1e485964cd2c2 ? +xhtml1/text-baseline-vrl-006.xht b33d1c8910435da20bbabdf811f1e485964cd2c2 ? html/text-combine-upright-decorations-001.htm 280af6570701711000e9512d0fa55c267724d9ae ? xhtml1/text-combine-upright-decorations-001.xht 280af6570701711000e9512d0fa55c267724d9ae ? html/text-combine-upright-inherit-all-001.htm 71bf076146439091e171f37da2984ca1dcdca01e ? @@ -1791,16 +1873,14 @@ html/writing-mode-horizontal-001l.htm 820b6baaa9ff63cf1a29b989c8d68ebdafe3c4da ? xhtml1/writing-mode-horizontal-001l.xht 820b6baaa9ff63cf1a29b989c8d68ebdafe3c4da ? html/writing-mode-horizontal-001r.htm 946a8be6f47e1cdc7ca7539e48e9964bd77c9ba9 ? xhtml1/writing-mode-horizontal-001r.xht 946a8be6f47e1cdc7ca7539e48e9964bd77c9ba9 ? -html/writing-mode-parsing-001.htm c51a2ea776e89eab37f78a5005ad12f1f23f07b4 ? -xhtml1/writing-mode-parsing-001.xht c51a2ea776e89eab37f78a5005ad12f1f23f07b4 ? +html/writing-mode-parsing-001.htm 7793f793afe3bce066012f14cd282537b430487e ? +xhtml1/writing-mode-parsing-001.xht 7793f793afe3bce066012f14cd282537b430487e ? html/writing-mode-parsing-sideways-lr-001.htm 736e57b0c6f1a92b2a614374db49a3be98722285 ? xhtml1/writing-mode-parsing-sideways-lr-001.xht 736e57b0c6f1a92b2a614374db49a3be98722285 ? html/writing-mode-parsing-sideways-rl-001.htm 182103682044156866012dcbd0c99a3ba7f9d476 ? xhtml1/writing-mode-parsing-sideways-rl-001.xht 182103682044156866012dcbd0c99a3ba7f9d476 ? html/writing-mode-parsing-svg1-001.htm ce2637b4c3b5c62aa8fbfc18d7e8ab9ce4107a12 ? xhtml1/writing-mode-parsing-svg1-001.xht ce2637b4c3b5c62aa8fbfc18d7e8ab9ce4107a12 ? -html/writing-mode-stretch-001.htm b39073243c9598d184c1f6efc298247a42f34aea ? -xhtml1/writing-mode-stretch-001.xht b39073243c9598d184c1f6efc298247a42f34aea ? html/writing-mode-vertical-lr-002.htm 2368493f74f4795b81bbe06bcdc4e41617b7a97f ? xhtml1/writing-mode-vertical-lr-002.xht 2368493f74f4795b81bbe06bcdc4e41617b7a97f ? html/writing-mode-vertical-rl-001.htm 51761a8518c6f9fa7d5ecc3306fbced379b10538 ? diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/index.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/index.htm index 581230a5147..d2523fd826b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/index.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/index.htm @@ -136,6 +136,7 @@ <li>Daniel Holbert</li> <li>Eira Monstad, Opera Software ASA</li> <li>Elika J. Etemad</li> + <li>Gérard Talbot</li> <li>Gérard Talbot</li> <li>Hajime Shiozawa</li> <li>Ian Hickson</li> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/index.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/index.xht index 2a9bd5c43c8..e5533d44636 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/index.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/index.xht @@ -136,6 +136,7 @@ <li>Daniel Holbert</li> <li>Eira Monstad, Opera Software ASA</li> <li>Elika J. Etemad</li> + <li>Gérard Talbot</li> <li>Gérard Talbot</li> <li>Hajime Shiozawa</li> <li>Ian Hickson</li> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/testinfo.data b/tests/wpt/css-tests/css-writing-modes-3_dev/testinfo.data index 38a2fb26b26..432d631aede 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/testinfo.data +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/testinfo.data @@ -401,55 +401,55 @@ bidi-unset-010 reference/bidi-normal-010 direction/unicode-bidi: element isolati block-embed-001 reference/block-embed-001 direction: div direction rtl http://www.w3.org/TR/css-writing-modes-3/#text-direction ad3828d40cdff06f4d37fa183de424787966e75d `Richard Ishida`<mailto:ishida@w3.org> If direction is applied to a block element containing mixed direction text, the text in that element will be displayed in the expected order. block-embed-002 reference/block-embed-002 direction: div direction ltr http://www.w3.org/TR/css-writing-modes-3/#text-direction 5069f35597f779fbb548ebf2f2ee2e5cc5416bcf `Richard Ishida`<mailto:ishida@w3.org> If direction is applied to a block element containing mixed direction text, the text in that element will be displayed in the expected order. block-embed-003 reference/block-embed-003 direction: div direction rtl http://www.w3.org/TR/css-writing-modes-3/#text-direction 5a2ea65cfd1fccd182350cb160caaadd6d17a02d `Richard Ishida`<mailto:ishida@w3.org> If direction is applied to a block element, contained block elements inherit that direction. -block-flow-direction-001 reference/block-flow-direction-001-ref horizontal-tb - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 44f3f900314ac5af53fd9014c41c853b7bb96e93 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that block-level boxes in a 'horizontal-tb' writing mode are laid out one after the other, vertically, with the first beginning at the top of a containing block; they are ordered from top to bottom meaning that the 1st block box is the topmost one, then the 2nd block is juxtaposed at its bottom, then the 3rd block is juxtaposed to the 2nd block at its bottom, etc... -block-flow-direction-002 reference/block-flow-direction-002-ref vertical-rl - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 5c9e8af7d012391a0cf3e467c18cd28aa0362ee9 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc... -block-flow-direction-003 reference/block-flow-direction-001-ref vertical-lr - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 04de4c62ecb1d2fc240821c80b6be58b3479f864 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc... -block-flow-direction-004 reference/block-flow-direction-001-ref 'writing-mode' - initial value is 'horizontal-tb' ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 87224a4f647a5e688530ed22fe4fa2703adab3ef `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the default, initial value of writing-mode is 'horizontal-tb'. -block-flow-direction-005 reference/block-flow-direction-001-ref 'float: left' and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 19d6c862abd4bbb497a79b7854ff36a92e359bb9 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a left-floated box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction. -block-flow-direction-006 reference/block-flow-direction-001-ref 'float: left' and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 69944fcf1c68c9d9601789ff315ebfff67af335f `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that left-floated boxes with 'writing-mode' set to 'vertical-rl' establish block formating contexts with a right-to-left block flow direction. -block-flow-direction-007 reference/block-flow-direction-002-ref 'float: right' and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 5762555012033e263d15589c1761c7f162522cf6 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a right-floated box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction. -block-flow-direction-008 reference/block-flow-direction-002-ref 'float: right' and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 3aced69861609275f621ac3fb95ad5447670e790 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that right-floated boxes with 'writing-mode' set to 'vertical-lr' establish block formating contexts with a left-to-right block flow direction. -block-flow-direction-009 reference/block-flow-direction-001-ref position absolute and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode a54cced47078b3a68d3eb38dfa7fc2acc31e4985 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction. -block-flow-direction-010 reference/block-flow-direction-001-ref position absolute and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 92cc02cb3b4ad46fed8890ec471e4a95daebfd51 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction. -block-flow-direction-011 reference/block-flow-direction-001-ref inline-block and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 00641510869b1e4ae2e4f11100696408b80bdf7f `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction. -block-flow-direction-012 reference/block-flow-direction-001-ref inline-block and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode dcd7145988194f22139d18ff39769a279dc69930 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction. -block-flow-direction-013 reference/block-flow-direction-001-ref inline-block and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 11e9fff1bccd00695d7199c7cc4b3a747c423b31 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction. -block-flow-direction-014 reference/block-flow-direction-001-ref inline-block and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode d381dd732d4cb52cad4c95278dc064b07c07745c `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction. -block-flow-direction-015 reference/block-flow-direction-001-ref inline-block and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 0ad39ff63db30d1857570edd044ab52330df0842 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction. -block-flow-direction-016 reference/block-flow-direction-001-ref inline-block and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode dc77235c2c9b519a945f9e4aacaa4a97ec8d878c `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction. -block-flow-direction-017 reference/block-flow-direction-001-ref table-cell and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode b754020995f81dd4bdc7724a11d3e5627bd4635a `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a table-cell with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction. -block-flow-direction-018 reference/block-flow-direction-001-ref table-cell and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode b4846a278087e245afa7906739ebc29bd064b0c3 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a table-cell with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction. -block-flow-direction-019 reference/block-flow-direction-001-ref table-caption and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode d9411cf53b2d5939eba25f07d0df0e5dac4f4975 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a table-caption with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction. -block-flow-direction-020 reference/block-flow-direction-001-ref table-caption and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 9ee8ac4727f563cb12230fdeca50995ee079f05d `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a table-caption with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction. -block-flow-direction-021 reference/block-flow-direction-002-ref list and vertical-rl - block flow direction of block-level boxes ahem,image http://www.w3.org/TR/css-writing-modes-3/#writing-mode 26cfe2621ebbba3fc203d83162c2d82d366f718d `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc... -block-flow-direction-022 reference/block-flow-direction-001-ref list and vertical-lr - block flow direction of block-level boxes ahem,image http://www.w3.org/TR/css-writing-modes-3/#writing-mode 1ded5744a815d3f8a7a92507ea990296d6a6b097 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc... -block-flow-direction-023 reference/block-flow-direction-001-ref vertical-lr - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 798374964b006150956da1e531b9b8dc193c6d2e `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc... -block-flow-direction-024 reference/block-flow-direction-002-ref vertical-rl - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 615663a35f0f8883842a5bcbf77cf8e788fbdc48 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc... -block-flow-direction-025 reference/block-flow-direction-025-ref writing mode of document - horizontal position of first block image http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting 6b3673477ab3c066dec96f347d5c1f6aaafc0622 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that, when 'writing-mode' value of the root element is set to 'vertical-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side. -block-flow-direction-042 reference/block-flow-direction-002-ref sideways-rl - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode df94875e12886f6dc69caf83f9753f9e854de4ca `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc... -block-flow-direction-043 reference/block-flow-direction-043-ref sideways-lr - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode d620513327a1baf327a3a34c8a2cf6e3fbd25f68 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc... -block-flow-direction-045 reference/block-flow-direction-001-ref 'float: left' and 'sideways-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode cb0b9aa5f9924a5c63a1b29f5f0ac7b99fbf97b1 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a left-floated box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction. -block-flow-direction-046 reference/block-flow-direction-001-ref 'float: left' and 'sideways-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode bc17e76d85e2e708fb04751460b57a60ce5c0a86 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that left-floated boxes with 'writing-mode' set to 'sideways-rl' establish block formating contexts with a right-to-left block flow direction. -block-flow-direction-047 reference/block-flow-direction-002-ref 'float: right' and 'sideways-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 6ab3fc6d4944e8a48966ffaa85142b9b19468617 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a right-floated box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction. -block-flow-direction-048 reference/block-flow-direction-002-ref 'float: right' and 'sideways-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 2b2a96a6cb128b020a40650a17603b9ed9a1efa7 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that right-floated boxes with 'writing-mode' set to 'sideways-lr' establish block formating contexts with a left-to-right block flow direction. -block-flow-direction-049 reference/block-flow-direction-001-ref position absolute and 'sideways-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode fb772f83f079e3a9320d1a93246f6e34b99e9267 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction. -block-flow-direction-050 reference/block-flow-direction-001-ref position absolute and 'sideways-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode a6ff9d8832f3a99a1a890745066e7d8988911ea4 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction. -block-flow-direction-051 reference/block-flow-direction-001-ref inline-block and 'sideways-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 1b211d57083d0e48effa803b3740386763b47a83 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction. -block-flow-direction-052 reference/block-flow-direction-001-ref inline-block and 'sideways-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 200e1135bd938e8c1884b482831da93745ce205b `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction. -block-flow-direction-053 reference/block-flow-direction-001-ref inline-block and 'sideways-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 51069f50da4611b4937f16d27e7632d6af6b9182 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction. -block-flow-direction-054 reference/block-flow-direction-001-ref inline-block and 'sideways-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 77529af0b060562d96c95e9ba69d5b027ebf0ea3 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction. -block-flow-direction-055 reference/block-flow-direction-001-ref inline-block and 'sideways-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 41718dc593a80f58ead3335ee8741c44948938df `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction. -block-flow-direction-056 reference/block-flow-direction-001-ref inline-block and 'sideways-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 35282509954f2e32b8e2d08f01c769b2c6ccfae6 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction. -block-flow-direction-057 reference/block-flow-direction-001-ref table-cell and 'sideways-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 0f660ee8f6d45c27f3cb0b303a2782fcbb0f8405 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a table-cell with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction. -block-flow-direction-058 reference/block-flow-direction-001-ref table-cell and 'sideways-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 141e410db8a069da0026072d00aa78275580965f `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a table-cell with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction. -block-flow-direction-059 reference/block-flow-direction-001-ref table-caption and 'sideways-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode dcbac90bb1e96e626d0c0c0766971df2d2455b6a `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a table-caption with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction. -block-flow-direction-060 reference/block-flow-direction-001-ref table-caption and 'sideways-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 32411bf7a80af4400d47a685ffea28e86f4ca544 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a table-caption with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction. -block-flow-direction-061 reference/block-flow-direction-002-ref list and sideways-rl - block flow direction of block-level boxes ahem,image http://www.w3.org/TR/css-writing-modes-3/#writing-mode f24099feb05a2d8860e9c2e8a5b4adff52f9c6c5 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc... -block-flow-direction-062 reference/block-flow-direction-043-ref list and sideways-lr - block flow direction of block-level boxes ahem,image http://www.w3.org/TR/css-writing-modes-3/#writing-mode 4790f1a71d513e51935cfa8e6f4d5ae8df8ade46 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc... -block-flow-direction-063 reference/block-flow-direction-043-ref sideways-lr - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 1f3ef0d5b047336ae444f036209e66fde393ffd3 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc... -block-flow-direction-064 reference/block-flow-direction-002-ref sideways-rl - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 4ce9e308161754d6f5293e0d28b94f8316f5caca `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc... -block-flow-direction-065 reference/block-flow-direction-025-ref writing mode (sideways-rl) of document - horizontal position of first block image http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting 023ff8747304789a30ff10a1bca125ec74d665db `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that, when 'writing-mode' value of the root element is set to 'sideways-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side. Also, the inline flow direction is 'bottomwardedly', that is inline boxes in the line box flow from the top toward the bottom; inline boxes are laid out vertically, one after the other, starting at the physical top side of its containing block. -block-flow-direction-066 reference/block-flow-direction-066-ref writing mode (sideways-lr) of document - horizontal position of first block image http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting 172e1587f1d5af4a41e87f5010fa2046053ba0c6 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that, when 'writing-mode' value of the root element is set to 'sideways-lr', then its block boxes are laid out rightwardedly (from left to right) one after the other beginning at its lefthand side. Also, the inline flow direction is 'topwardedly', that is inline boxes in the line box flow from the bottom toward the top; inline boxes are laid out vertically, one after the other, starting at the physical bottom side of its containing block. +block-flow-direction-004 reference/block-flow-direction-001-ref 'writing-mode' - initial value is 'horizontal-tb' ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 7f44e9c74d1b3a6301f206d24540d59b9671d949 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the default, initial value of writing-mode is 'horizontal-tb'. +block-flow-direction-htb-001 reference/block-flow-direction-001-ref horizontal-tb - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode d01d287f663b80a864a3c30ff9f3994b9bc909a0 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that block-level boxes in a 'horizontal-tb' writing mode are laid out one after the other, vertically, with the first beginning at the top of a containing block; they are ordered from top to bottom meaning that the 1st block box is the topmost one, then the 2nd block is juxtaposed at its bottom, then the 3rd block is juxtaposed to the 2nd block at its bottom, etc... +block-flow-direction-slr-043 reference/block-flow-direction-043-ref sideways-lr - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode d620513327a1baf327a3a34c8a2cf6e3fbd25f68 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc... +block-flow-direction-slr-047 reference/block-flow-direction-002-ref 'float: right' and 'sideways-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode ab814a81eb8f3e25782dfe3b49eac7f9638a3ec6 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a right-floated box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction. +block-flow-direction-slr-048 reference/block-flow-direction-002-ref 'float: right' and 'sideways-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 2ac972f18c1a1ba25385d1c92d02bc3f54478431 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that right-floated boxes with 'writing-mode' set to 'sideways-lr' establish block formating contexts with a left-to-right block flow direction. +block-flow-direction-slr-050 reference/block-flow-direction-001-ref position absolute and 'sideways-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 199ca9acad6c70f8bbca71653ed5e0353b9d350a `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction. +block-flow-direction-slr-054 reference/block-flow-direction-001-ref inline-block and 'sideways-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode c52517f876c6d75c185e9e80bf7fcb0786e14c2f `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction. +block-flow-direction-slr-055 reference/block-flow-direction-001-ref inline-block and 'sideways-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 43343964103ab81e0d2fd8f88c699e5c12c23824 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction. +block-flow-direction-slr-056 reference/block-flow-direction-001-ref inline-block and 'sideways-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 149d683e6dee716a8eecb3cf010545e56df21b69 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction. +block-flow-direction-slr-058 reference/block-flow-direction-001-ref table-cell and 'sideways-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 75e9f1c643c28706c18e41f66f5f3501a2747646 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a table-cell with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction. +block-flow-direction-slr-060 reference/block-flow-direction-001-ref table-caption and 'sideways-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode f9ba469869e342fc903aa2c8a6e5c1c687f64d21 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a table-caption with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction. +block-flow-direction-slr-062 reference/block-flow-direction-043-ref list and sideways-lr - block flow direction of block-level boxes ahem,image http://www.w3.org/TR/css-writing-modes-3/#writing-mode 4790f1a71d513e51935cfa8e6f4d5ae8df8ade46 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc... +block-flow-direction-slr-063 reference/block-flow-direction-043-ref sideways-lr - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 1f3ef0d5b047336ae444f036209e66fde393ffd3 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc... +block-flow-direction-slr-066 reference/block-flow-direction-066-ref writing mode (sideways-lr) of document - horizontal position of first block image http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting 172e1587f1d5af4a41e87f5010fa2046053ba0c6 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that, when 'writing-mode' value of the root element is set to 'sideways-lr', then its block boxes are laid out rightwardedly (from left to right) one after the other beginning at its lefthand side. Also, the inline flow direction is 'topwardedly', that is inline boxes in the line box flow from the bottom toward the top; inline boxes are laid out vertically, one after the other, starting at the physical bottom side of its containing block. +block-flow-direction-srl-042 reference/block-flow-direction-002-ref sideways-rl - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 9386d50b85c8828acf6ddf748cc7bd7312e3bc61 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc... +block-flow-direction-srl-045 reference/block-flow-direction-001-ref 'float: left' and 'sideways-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 2593332cde19804208c285fbb1081baac7c01fe6 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a left-floated box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction. +block-flow-direction-srl-046 reference/block-flow-direction-001-ref 'float: left' and 'sideways-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 0dd2254cce8022adbfe35e7297bfb3c90434cce9 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that left-floated boxes with 'writing-mode' set to 'sideways-rl' establish block formating contexts with a right-to-left block flow direction. +block-flow-direction-srl-049 reference/block-flow-direction-001-ref position absolute and 'sideways-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 74bf2e9fee2c109dbbf993eadb3298a3e3a588fb `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction. +block-flow-direction-srl-051 reference/block-flow-direction-001-ref inline-block and 'sideways-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 898556b977d0ece3dbe57d5adb8621db1953b1be `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction. +block-flow-direction-srl-052 reference/block-flow-direction-001-ref inline-block and 'sideways-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode a796b5de2004cecccd7a85aa302c95ffe02be3e7 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction. +block-flow-direction-srl-053 reference/block-flow-direction-001-ref inline-block and 'sideways-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode bb2d227543ea4112c87a792ae9a0ee1630037431 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction. +block-flow-direction-srl-057 reference/block-flow-direction-001-ref table-cell and 'sideways-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode c19b3919e5191225d83710b5fb1441f40c9549bf `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a table-cell with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction. +block-flow-direction-srl-059 reference/block-flow-direction-001-ref table-caption and 'sideways-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode f1ffc1d7192f376de74c9aec1d7c663325258e87 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a table-caption with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction. +block-flow-direction-srl-061 reference/block-flow-direction-002-ref list and sideways-rl - block flow direction of block-level boxes ahem,image http://www.w3.org/TR/css-writing-modes-3/#writing-mode aabc75d1fe9460ede6b45a6597bae5e3c813d5e7 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc... +block-flow-direction-srl-064 reference/block-flow-direction-002-ref sideways-rl - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode f7e5ec148f1d9dabd8f306889c20f915b7b3461f `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc... +block-flow-direction-srl-065 reference/block-flow-direction-025-ref writing mode (sideways-rl) of document - horizontal position of first block image http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting 023ff8747304789a30ff10a1bca125ec74d665db `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that, when 'writing-mode' value of the root element is set to 'sideways-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side. Also, the inline flow direction is 'bottomwardedly', that is inline boxes in the line box flow from the top toward the bottom; inline boxes are laid out vertically, one after the other, starting at the physical top side of its containing block. +block-flow-direction-vlr-003 reference/block-flow-direction-001-ref vertical-lr - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 928dfdfc072ccd950cfe66b98b35ea6db784d588 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc... +block-flow-direction-vlr-007 reference/block-flow-direction-002-ref 'float: right' and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 407c1365b18b1e3e83ab58e5fd16b5d8cb5419f5 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a right-floated box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction. +block-flow-direction-vlr-008 reference/block-flow-direction-002-ref 'float: right' and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 1b2d1380bc909ae7441e57ff440596f17d9eae73 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that right-floated boxes with 'writing-mode' set to 'vertical-lr' establish block formating contexts with a left-to-right block flow direction. +block-flow-direction-vlr-010 reference/block-flow-direction-001-ref position absolute and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 5397d3de28574e98ffa7bca5a5b97809f9823cc3 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction. +block-flow-direction-vlr-014 reference/block-flow-direction-001-ref inline-block and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 849885b8c4960f045abde1260bb439643c48d33a `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction. +block-flow-direction-vlr-015 reference/block-flow-direction-001-ref inline-block and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode fe90fcbf2e0f40058810558347cddb216371c73f `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction. +block-flow-direction-vlr-016 reference/block-flow-direction-001-ref inline-block and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 3f05887970a4dbc16f24bb64dd3ae8fceaa93079 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction. +block-flow-direction-vlr-018 reference/block-flow-direction-001-ref table-cell and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 6ae8e965380f6ef858b3553ed79644626cba4b50 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a table-cell with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction. +block-flow-direction-vlr-020 reference/block-flow-direction-001-ref table-caption and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode c50b08132e34b9502195a534e292dce167bb8034 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a table-caption with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction. +block-flow-direction-vlr-022 reference/block-flow-direction-001-ref list and vertical-lr - block flow direction of block-level boxes ahem,image http://www.w3.org/TR/css-writing-modes-3/#writing-mode 5fd5ba344cabe111c44407f5af8030d9d33ce0a3 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc... +block-flow-direction-vlr-023 reference/block-flow-direction-001-ref vertical-lr - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 54263c76d878d9e2af7e4cac421821f2b81d964f `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc... +block-flow-direction-vrl-002 reference/block-flow-direction-002-ref vertical-rl - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 245dbcb9b9fdf7ddc7a0856ebb0410527aa2ff35 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc... +block-flow-direction-vrl-005 reference/block-flow-direction-001-ref 'float: left' and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 77aa227c6700cdce48fb05a7c128dabdd4a17a01 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a left-floated box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction. +block-flow-direction-vrl-006 reference/block-flow-direction-001-ref 'float: left' and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 53884f58a11b626ff2c509b0fad1c1b434dd3f95 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that left-floated boxes with 'writing-mode' set to 'vertical-rl' establish block formating contexts with a right-to-left block flow direction. +block-flow-direction-vrl-009 reference/block-flow-direction-001-ref position absolute and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode fdf3568373f80b82ae92ddd543097eb18f22e938 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction. +block-flow-direction-vrl-011 reference/block-flow-direction-001-ref inline-block and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 3c910ddee86af042c66f17a26b2a8b2b7fbe4da5 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction. +block-flow-direction-vrl-012 reference/block-flow-direction-001-ref inline-block and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 070fec5fdb6e75420661ab86ce649d0709150d69 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction. +block-flow-direction-vrl-013 reference/block-flow-direction-001-ref inline-block and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 963c81fe1ba79af32377953142e546df28573f96 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction. +block-flow-direction-vrl-017 reference/block-flow-direction-001-ref table-cell and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode fb307f52cfcf3186e73150fca4b2906e7a998c44 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a table-cell with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction. +block-flow-direction-vrl-019 reference/block-flow-direction-001-ref table-caption and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode b6765c57fa724a174db964d6d5ae1523daebf260 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a table-caption with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction. +block-flow-direction-vrl-021 reference/block-flow-direction-002-ref list and vertical-rl - block flow direction of block-level boxes ahem,image http://www.w3.org/TR/css-writing-modes-3/#writing-mode c6cbb2e1f8e824fdda5d94bb31c8ad9507162e65 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc... +block-flow-direction-vrl-024 reference/block-flow-direction-002-ref vertical-rl - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode a1dddb1952ff3df783226338b1a14f7906288e23 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc... +block-flow-direction-vrl-025 reference/block-flow-direction-025-ref writing mode of document - horizontal position of first block image http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting 6b3673477ab3c066dec96f347d5c1f6aaafc0622 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that, when 'writing-mode' value of the root element is set to 'vertical-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side. block-override-001 reference/block-override-001 direction: div override rtl http://www.w3.org/TR/css-writing-modes-3/#text-direction c9f01a298fdc3c1c6eaceefc08c1f134078a0c61 `Richard Ishida`<mailto:ishida@w3.org> If unicode-bidi:bidi-override is applied to a block element, characters are displayed strictly in sequence according to the direction property. block-override-002 reference/block-override-002 direction: div override ltr http://www.w3.org/TR/css-writing-modes-3/#text-direction 1c72e7aa6e1d313b0e23b11e9e637b1f77dd39f4 `Richard Ishida`<mailto:ishida@w3.org> If unicode-bidi:bidi-override is applied to a block element, characters are displayed strictly in sequence according to the direction property. block-override-003 reference/block-override-003 direction: div direction ltr http://www.w3.org/TR/css-writing-modes-3/#text-direction 2cb8aa89ffc3dba127564bb84e4bdb28bd208d26 `Richard Ishida`<mailto:ishida@w3.org> If unicode-bidi:bidi-override is applied to a block element with no direction value set, characters are displayed strictly in sequence, in ltr order. @@ -547,6 +547,7 @@ first-page-vrl-002 first page of a document with vertical-rl writing-mode image flexbox-writing-mode-007 reference/flexbox-writing-mode-007-ref Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode http://www.w3.org/TR/css-flexbox-1/#layout-algorithm,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 0557a81af23da4d969bce70f840968a7d5947006 `Daniel Holbert`<mailto:dholbert@mozilla.com> flexbox-writing-mode-008 reference/flexbox-writing-mode-008-ref Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode http://www.w3.org/TR/css-flexbox-1/#layout-algorithm,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode aaac3dcddfec40e5c67ae479e0df2184ddec82d2 `Daniel Holbert`<mailto:dholbert@mozilla.com> flexbox-writing-mode-009 reference/flexbox-writing-mode-009-ref Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode http://www.w3.org/TR/css-flexbox-1/#layout-algorithm,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 931b9d02203e63cacec94a45b450d721c5222706 `Daniel Holbert`<mailto:dholbert@mozilla.com> +flexbox_align-items-stretch-writing-modes reference/flexbox_align-items-stretch-writing-modes-ref Flexbox align-items: stretch with writing-mode vertical-lr and vertical-rl http://www.w3.org/TR/css-flexbox-1/#propdef-align-items,http://www.w3.org/TR/css-writing-modes-3/#writing-mode d1bb1a411a86d0232f96b7776b01c086456c3617 `Mitsuteru Sawa`<mailto:mitsuteru.s@gmail.com> vertical-writing-mode flex items should stretch float-clear-vlr-003 reference/ref-filled-green-100px-square 'float: right' and 'clear: right' in 'vertical-lr' block formating context (basic) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout d1389b5656d54ac52dea06ede9e957b55e266bbe `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> float-clear-vlr-005 reference/ref-filled-green-100px-square 'float: left' and 'clear: left' in 'vertical-lr' block formating context (basic) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout cbf4ba130a84fb2713529a38bcc215242fe657a8 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> float-clear-vlr-007 reference/ref-filled-green-100px-square 'float: left' and 'clear: left' in 'vertical-lr' block formating context (intermediate) image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 8671c2d38f9ca381160dc7ebfd3d7dae3b6c0771 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a block container box which has floats will not extend its logical height (it will appear to not be aware of its floats) unless it has a clearing block. This test is important for CSS columnar layout page based on floats. @@ -588,11 +589,17 @@ float-vrl-006 reference/ref-filled-green-100px-square 'float: left' in a 'vertic float-vrl-008 reference/ref-filled-green-100px-square 'float: left' in a 'vertical-rl' block formating context (basic) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout f5b04691b879056d9183c6e5459d621f58c0662a `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a floated left box in a containing block with 'writing-mode' set to 'vertical-rl' will be floated at the line-left side of its line box. float-vrl-010 reference/ref-filled-green-100px-square 'float: left' and 'float: right' in a 'vertical-rl' block formating context (basic) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout eba1fed0beacc51e0ce57c561038bc74ebca21c9 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a floated left box and a floated right box in a containing block with 'writing-mode' set to 'vertical-rl' will be respectively floated at the line-left side of its line box and floated at line-right of its line box. float-vrl-012 reference/ref-filled-green-100px-square 'float: left' and 'float: right' in a 'vertical-rl' block formating context (basic) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 167d7246493ce26814aa6caba860ea898569f7bc `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a floated left box and a floated right box in a containing block with 'writing-mode' set to 'vertical-rl' will be respectively floated at the line-left side of its line box and floated at line-right of its line box. -form-controls-vert-rl-004 order, orientation and layout of form controls in 'vertical-rl' writing-mode image,should http://www.w3.org/TR/css-writing-modes-3/#writing-mode b90c89e4a88c32da8126ee0c818b1df1287aa46a `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1. -form-controls-vert-rl-005 form controls in 'vertical-rl' writing-mode should http://www.w3.org/TR/css-writing-modes-3/#writing-mode 76cacb867c752913e51f52b6a19d9c0f9d55e080 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'vertical-rl' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90° clockwise and c) the block flow direction must be from right to left. -full-width-001 reference/full-width-ref,!reference/full-width-notcu-notref,!reference/full-width-horizontal-notref CSS Writing Modes: text-combine-upright on full-width characters http://www.w3.org/TR/css-writing-modes-3/#text-combine-fullwidth a2c91fc3cd710179c048b7e6e34ad24c68f56ae7 `Masataka Yakura`<http://google.com/+MasatakaYakura> When two or more full-width characters are combined, they are first converted to non-full-width characters. -full-width-002 reference/full-width-ref,!reference/full-width-notcu-notref,!reference/full-width-horizontal-notref CSS Writing Modes: text-combine-upright on full-width characters http://www.w3.org/TR/css-writing-modes-3/#text-combine-fullwidth,http://www.w3.org/TR/css-text-3/#full-width d3899bb9aac8c47ec60d90d6ece293c343e3d978 `Masataka Yakura`<http://google.com/+MasatakaYakura> When two or more full-width characters are combined, they are first converted to non-full-width characters. -full-width-003 reference/full-width-ref,!reference/full-width-notcu-notref,!reference/full-width-horizontal-notref CSS Writing Modes: text-combine-upright on full-width characters http://www.w3.org/TR/css-writing-modes-3/#text-combine-fullwidth,http://www.w3.org/TR/css-text-3/#full-width f6deaece33b7947dfe97c6514dab6a11d4718efa `Masataka Yakura`<http://google.com/+MasatakaYakura> When two or more full-width characters are combined, they are first converted to non-full-width characters. +form-controls-slr-004 order, orientation and layout of form controls in 'sideways-lr' writing-mode image,should http://www.w3.org/TR/css-writing-modes-3/#writing-mode 2cd26fa6fd32309b5ee9e9d1b21141c27a8815e1 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'sideways-lr'. +form-controls-slr-005 form controls in 'sideways-lr' writing-mode should http://www.w3.org/TR/css-writing-modes-3/#writing-mode a31bbefed0f17ae13195bec0dbf5813ca6c2175c `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'sideways-lr' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from bottom to top, b) the glyphs must be rotated 90° counter-clockwise and c) the block flow direction must be from left to right. +form-controls-srl-004 order, orientation and layout of form controls in 'sideways-rl' writing-mode image,should http://www.w3.org/TR/css-writing-modes-3/#writing-mode fa1695c3f43c052217d45be574ae054c8527d580 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'sideways-rl'. +form-controls-srl-005 form controls in 'sideways-rl' writing-mode should http://www.w3.org/TR/css-writing-modes-3/#writing-mode d1c454fbb9ea0d71a5c4b07ad83e6fef8645c1d4 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'sideways-rl' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90° clockwise and c) the block flow direction must be from right to left. +form-controls-vlr-004 order, orientation and layout of form controls in 'vertical-lr' writing-mode image,should http://www.w3.org/TR/css-writing-modes-3/#writing-mode 5d98284a0fce93b65c34753a7e714947c4a0eafb `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'vertical-lr'. +form-controls-vlr-005 form controls in 'vertical-lr' writing-mode should http://www.w3.org/TR/css-writing-modes-3/#writing-mode 949c045be25bb731bafcf985b33447906f701696 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'vertical-lr' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90° clockwise and c) the block flow direction must be from left to right. +form-controls-vrl-004 order, orientation and layout of form controls in 'vertical-rl' writing-mode image,should http://www.w3.org/TR/css-writing-modes-3/#writing-mode e10fcf280cc4a14e2b335f8ecba7370b4f213629 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'vertical-rl'. +form-controls-vrl-005 form controls in 'vertical-rl' writing-mode should http://www.w3.org/TR/css-writing-modes-3/#writing-mode be143dd2896bab52cfbfc53134b83e8f56e12fca `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'vertical-rl' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90° clockwise and c) the block flow direction must be from right to left. +full-width-001 reference/full-width-ref,!reference/full-width-notcu-notref,!reference/full-width-horizontal-notref CSS Writing Modes: text-combine-upright on full-width characters http://www.w3.org/TR/css-writing-modes-3/#text-combine-fullwidth 9ae7d7194254a7baa30d27419564401430af65db `Masataka Yakura`<http://google.com/+MasatakaYakura> When two or more full-width characters are combined, they are first converted to non-full-width characters. +full-width-002 reference/full-width-ref,!reference/full-width-notcu-notref,!reference/full-width-horizontal-notref CSS Writing Modes: text-combine-upright on full-width characters http://www.w3.org/TR/css-writing-modes-3/#text-combine-fullwidth,http://www.w3.org/TR/css-text-3/#full-width 278f5bab05df634ec6d6f57f8ee0357906367eaa `Masataka Yakura`<http://google.com/+MasatakaYakura> When two or more full-width characters are combined, they are first converted to non-full-width characters. +full-width-003 reference/full-width-ref,!reference/full-width-notcu-notref,!reference/full-width-horizontal-notref CSS Writing Modes: text-combine-upright on full-width characters http://www.w3.org/TR/css-writing-modes-3/#text-combine-fullwidth,http://www.w3.org/TR/css-text-3/#full-width 743911d25fbd1f8dab1eaca4460682cb5a899307 `Masataka Yakura`<http://google.com/+MasatakaYakura> When two or more full-width characters are combined, they are first converted to non-full-width characters. height-width-inline-non-replaced-vlr-003 reference/ref-filled-green-100px-square height and width - inline non-replaced element in vertical writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#inline-width,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#inline-non-replaced c4dc057ce3b92a36ee25f0c031c0ba68f633d396 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that height and width declarations do not apply to inline non-replaced elements in vertical writing-modes. height-width-inline-non-replaced-vrl-002 reference/abs-pos-non-replaced-icb-vrl-008-ref height and width - inline non-replaced element in vertical writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#inline-width,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#inline-non-replaced 6c93b9c50edcb286ce65e14c45e9f13dc1728b2c `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that height and width declarations do not apply to inline non-replaced elements in vertical writing-modes. horizontal-rule-vlr-003 reference/horizontal-rule-vlr-003-ref horizontal rule - 'vertical-lr' and orthogonal flow image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout c47416e169c5b440e743a67eac5c3c4d5196f6a5 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an horizontal rule (<hr> element) in 'vertical-lr' writing-mode must be rendered as a vertical rule. @@ -617,25 +624,43 @@ inline-table-alignment-002 reference/inline-table-alignment-002-ref inline-table inline-table-alignment-003 reference/inline-table-alignment-003-ref inline-table alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visudet.html#leading 933570a39c3656ffe8547bca4789286a7c2f8d17 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-table baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline. inline-table-alignment-004 reference/inline-table-alignment-002-ref inline-table alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visudet.html#leading a4225278e61c6bb19485308ea475c478f49c63c6 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-table baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline. inline-table-alignment-005 reference/inline-table-alignment-003-ref inline-table alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visudet.html#leading 55a66161c1f5a835eaa56cf0b6403f908a1df790 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-table baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline. -line-box-direction-001 reference/block-flow-direction-001-ref horizontal-tb - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 4f23534d3ad5549814e21481fc7be029c18b1ffa `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that line boxes of a block box in a 'horizontal-tb' writing mode are laid out one after the other, vertically, with the first beginning at the top of the block box; they are ordered from top to bottom meaning that the 1st line box is the topmost one and then the 2nd block is juxtaposed to its bottom, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc... -line-box-direction-002 reference/block-flow-direction-001-ref vertical-rl - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 9fd5d600cbe89911547a9026160f73b3c664f09f `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc... -line-box-direction-003 reference/block-flow-direction-001-ref vertical-lr - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 3a531edc798b49cc2dc416d06b7876282a1580bc `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc... -line-box-direction-005 reference/block-flow-direction-001-ref 'float: left' and 'vertical-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode feef94d80e3b21fbdba0282ac0cfb7ac7cfc7224 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the line boxes of a left-floated box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left. -line-box-direction-006 reference/block-flow-direction-001-ref 'float: left' and 'vertical-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 1750feaf08105912ac3ce34b68d343f0c34faae5 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'vertical-lr' will be ordered from right to left. -line-box-direction-007 reference/block-flow-direction-002-ref 'float: right' and 'vertical-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 8c6e65a48d355ba7dc97bdde6a0cbe877eb9c4ff `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the line boxes of a right-floated box with its 'writing-mode' set to 'vertical-lr' will be ordered from left to right. -line-box-direction-008 reference/block-flow-direction-002-ref 'float: right' and 'vertical-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 15c4197a1c0b79bed6c8b96ba9f989a10f73df85 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the line boxes of right-floated boxes with 'writing-mode' set to 'vertical-lr' will be ordered from left to right. -line-box-direction-009 reference/block-flow-direction-001-ref position absolute and 'vertical-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode da1a4a4f7c1d1e59546b943adb8f8e0d119f314c `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left. -line-box-direction-010 reference/block-flow-direction-001-ref position absolute and 'vertical-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode e87fa097edd4146b16c0f42d8817becbaaaaea30 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' will be ordered from left to right. -line-box-direction-011 reference/block-flow-direction-001-ref inline-block and 'vertical-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode f8650989de43ac7fb803e2d3ee90895585093859 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-rl' are ordered from right to left. -line-box-direction-012 reference/block-flow-direction-001-ref inline-block and 'vertical-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode fd46e6862d5550e26ff8676f197c139a6ef22c76 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-rl' are ordered from right to left. -line-box-direction-013 reference/block-flow-direction-001-ref inline-block and 'vertical-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 19b536e0a1f8ade5e0d4b28e000a4cfc2ef6fffb `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-lr' are ordered from left to right. -line-box-direction-014 reference/block-flow-direction-001-ref inline-block and 'vertical-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 48ce7e37185f5cc05ebd9bcab83816666586fb12 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-lr' are ordered from left to right. -line-box-direction-015 reference/block-flow-direction-001-ref table-cell and 'vertical-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 6c1d326321d127b5ce4257d1b2ac8a98c3582d2f `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-rl' are ordered from right to left. -line-box-direction-016 reference/block-flow-direction-001-ref table-cell and 'vertical-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 6bfe1b10d730d4a7f3223cb9660d3ea34a087660 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-lr' are ordered from left to right. -line-box-direction-017 reference/block-flow-direction-001-ref table-caption and 'vertical-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 82c0b1c9077d8c2593f76ba2a7641ed4c66d09f5 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-rl' are ordered from right to left. -line-box-direction-018 reference/block-flow-direction-001-ref table-caption and 'vertical-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 14c9f8e9c6bc46db0837781f18284c9e16adfdcf `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-lr' are ordered from left to right. -line-box-direction-019 reference/block-flow-direction-001-ref list and 'vertical-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 85531d155283e10dc3b47ac2d21c82b585b86dae `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc... -line-box-direction-020 reference/block-flow-direction-001-ref list and 'vertical-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 49e2dd15614f0a9bb9835ad17b35e10ddf9d6270 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc... +line-box-direction-htb-001 reference/block-flow-direction-001-ref horizontal-tb - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 144e3ebc814d53d779e5a53cf11783e6caae3180 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that line boxes of a block box in a 'horizontal-tb' writing mode are laid out one after the other, vertically, with the first beginning at the top of the block box; they are ordered from top to bottom meaning that the 1st line box is the topmost one and then the 2nd block is juxtaposed to its bottom, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc... +line-box-direction-slr-043 reference/block-flow-direction-001-ref sideways-lr - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode b2433e448382beee6144ea9273ccaeedb78020b1 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that line boxes in a block box with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc... +line-box-direction-slr-047 reference/block-flow-direction-002-ref 'float: right' and 'sideways-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 33a41609e0d1539dce695b96676e4919ea7b258c `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the line boxes of a right-floated box with its 'writing-mode' set to 'sideways-lr' will be ordered from left to right. +line-box-direction-slr-048 reference/block-flow-direction-002-ref 'float: right' and 'sideways-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode ee0709b06ab8e4b2a8bf2b2406366c29d5c53d5d `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the line boxes of right-floated boxes with 'writing-mode' set to 'sideways-lr' will be ordered from left to right. +line-box-direction-slr-050 reference/block-flow-direction-001-ref position absolute and 'sideways-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode bcbc21bf1fb977852ada32cfac396832fb9d5b17 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' will be ordered from left to right. +line-box-direction-slr-053 reference/block-flow-direction-001-ref inline-block and 'sideways-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode f6604cd69dd159c1d5705e869cf31f867d629254 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'sideways-lr' are ordered from left to right. +line-box-direction-slr-054 reference/block-flow-direction-001-ref inline-block and 'sideways-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 2c2841653a35d9b05f534f49d56b4028f190a919 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'sideways-lr' are ordered from left to right. +line-box-direction-slr-056 reference/block-flow-direction-001-ref table-cell and 'sideways-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 2d3669f0af86f760de2634af6207336eb442c921 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'sideways-lr' are ordered from left to right. +line-box-direction-slr-058 reference/block-flow-direction-001-ref table-caption and 'sideways-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode f24d35df60f340e6517ddfead376fc0e4efc742d `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'sideways-lr' are ordered from left to right. +line-box-direction-slr-060 reference/block-flow-direction-001-ref list and 'sideways-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode fc05fc8300233325dc2fea1fdcf728673648a7a5 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that line boxes in a block box with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc... +line-box-direction-srl-042 reference/block-flow-direction-001-ref sideways-rl - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 8ca53d1cd9afc2dd562e8023def14f684ffe16ed `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that line boxes of a block box in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc... +line-box-direction-srl-045 reference/block-flow-direction-001-ref 'float: left' and 'sideways-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 99caccd5418ffda9b994611a7488b6b1745572de `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the line boxes of a left-floated box with its 'writing-mode' set to 'sideways-rl' will be ordered from right to left. +line-box-direction-srl-046 reference/block-flow-direction-001-ref 'float: left' and 'sideways-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode cbd2e4fe2693d040a789292b42d94478a4e541b8 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'sideways-rl' will be ordered from right to left. +line-box-direction-srl-049 reference/block-flow-direction-001-ref position absolute and 'sideways-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode df3471f8ef7a3b2c7177276e1a15e48480428595 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' will be ordered from right to left. +line-box-direction-srl-051 reference/block-flow-direction-001-ref inline-block and 'sideways-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 1bd46b5d80ce08a2fc101a0e18e3a9447926082b `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'sideways-rl' are ordered from right to left. +line-box-direction-srl-052 reference/block-flow-direction-001-ref inline-block and 'sideways-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 1d0fadf9cda8bdf84e13ca8881c1c89f4a287748 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'sideways-rl' are ordered from right to left. +line-box-direction-srl-055 reference/block-flow-direction-001-ref table-cell and 'sideways-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 2c1d68d9b71e5ff33e9ff162190cbecdad12b77d `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'sideways-rl' are ordered from right to left. +line-box-direction-srl-057 reference/block-flow-direction-001-ref table-caption and 'sideways-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 64c5a030a661981fa859e4c68103f0f2cc225d07 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'sideways-rl' are ordered from right to left. +line-box-direction-srl-059 reference/block-flow-direction-001-ref list and 'sideways-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 378ecb3403c3380efc24fd54232631ad82d645a4 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that line boxes of a block box in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc... +line-box-direction-vlr-003 reference/block-flow-direction-001-ref vertical-lr - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode d9fcd7b49fbc4fe3b24b3cb059b522c4f179ad0d `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc... +line-box-direction-vlr-007 reference/block-flow-direction-002-ref 'float: right' and 'vertical-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 115b8a1f9bef34b401bf795ef39a88e9f6e19f99 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the line boxes of a right-floated box with its 'writing-mode' set to 'vertical-lr' will be ordered from left to right. +line-box-direction-vlr-008 reference/block-flow-direction-002-ref 'float: right' and 'vertical-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode f40fdba518442442703b1cb8da0d6ffc6e95e6b3 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the line boxes of right-floated boxes with 'writing-mode' set to 'vertical-lr' will be ordered from left to right. +line-box-direction-vlr-010 reference/block-flow-direction-001-ref position absolute and 'vertical-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode c6f443ac9e94bc551fcabb939a831f334d7d40a4 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' will be ordered from left to right. +line-box-direction-vlr-013 reference/block-flow-direction-001-ref inline-block and 'vertical-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode b31bd55d32bcfa9d86dc801a83a90154324cdfb3 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-lr' are ordered from left to right. +line-box-direction-vlr-014 reference/block-flow-direction-001-ref inline-block and 'vertical-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 5224ea0b9d5ec13fd59fbae552727a5174c87198 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-lr' are ordered from left to right. +line-box-direction-vlr-016 reference/block-flow-direction-001-ref table-cell and 'vertical-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode fadcdc86ef9300844f8bd02400a57f334a3bcae2 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-lr' are ordered from left to right. +line-box-direction-vlr-018 reference/block-flow-direction-001-ref table-caption and 'vertical-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode bf53f0deb2871e433df5eb0c3cc0593ded9132ef `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-lr' are ordered from left to right. +line-box-direction-vlr-020 reference/block-flow-direction-001-ref list and 'vertical-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode db035c99299d7413d004aa821f4d9b3398c70f1d `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc... +line-box-direction-vrl-002 reference/block-flow-direction-001-ref vertical-rl - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 563ae753cbb286fe18650af370e00d8757a4c75a `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc... +line-box-direction-vrl-005 reference/block-flow-direction-001-ref 'float: left' and 'vertical-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 4b9b003ac5cc8249e2a3eef0feda45c63f6b5914 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the line boxes of a left-floated box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left. +line-box-direction-vrl-006 reference/block-flow-direction-001-ref 'float: left' and 'vertical-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode b30e8f58fcf775079e969e2f091d953eb0e16526 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'vertical-rl' will be ordered from right to left. +line-box-direction-vrl-009 reference/block-flow-direction-001-ref position absolute and 'vertical-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 861e4d377d83c90aebb17125af569ccb07d09ba5 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left. +line-box-direction-vrl-011 reference/block-flow-direction-001-ref inline-block and 'vertical-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode a80267f76e132b79fbe1924ac9da216679d0592a `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-rl' are ordered from right to left. +line-box-direction-vrl-012 reference/block-flow-direction-001-ref inline-block and 'vertical-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode abc84b308cee5049f63e4d6381e18863c466848f `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-rl' are ordered from right to left. +line-box-direction-vrl-015 reference/block-flow-direction-001-ref table-cell and 'vertical-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 6ffc6ef6794e2f4385ec3556c7524fa2918559dd `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-rl' are ordered from right to left. +line-box-direction-vrl-017 reference/block-flow-direction-001-ref table-caption and 'vertical-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 6d6812e1fa5256ccbde67e3207be408445c692be `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-rl' are ordered from right to left. +line-box-direction-vrl-019 reference/block-flow-direction-001-ref list and 'vertical-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 3470e31a39c2844b821a55a0fdfb13d69f98452a `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc... line-box-height-vlr-003 reference/line-box-height-vlr-003-ref line box height and border on non-replaced inline box (mixed) http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/CSS21/visudet.html#line-height 259671e58e36b19184004f050de2c537b7a1894b `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box. line-box-height-vlr-005 reference/line-box-height-vlr-003-ref line box height and padding on non-replaced inline box (mixed) http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/CSS21/visudet.html#line-height cbc67a463940ff5ec5decb725bfeec62814b5752 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box. line-box-height-vlr-007 reference/line-box-height-vlr-007-ref line box height and border on non-replaced inline box (sideways) http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/CSS21/visudet.html#line-height ad191b4346c0cbb24fc7cc0a5f8c9e0cc926c2f4 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box. @@ -704,8 +729,10 @@ outline-inline-vrl-002 outline layout and non-replaced inline and vertical-rl w outline-inline-vrl-006 reference/outline-inline-vrl-006 outline layout and non-replaced inline and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines 9d51bfd03596b89289a8ed3012654e9df32b40d3 `Koji Ishii`<mailto:kojiishi@gmail.com> padding-vlr-005 reference/margin-vrl-002-ref padding in 'vertical-lr' writing-mode context image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 4c16042900e00793d562c3b4f5c39a3df16b1f95 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that padding-left, padding-right, padding-top and padding-bottom do not change in vertical writing-mode. The padding-left property of a box still affects the lefthand padding of such box. padding-vrl-004 reference/margin-vrl-002-ref padding in 'vertical-rl' writing-mode context image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 43a0740c77fa25671e5831c88555b884e75216ee `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that padding-left, padding-right, padding-top and padding-bottom do not change in vertical writing-mode. The padding-left property of a box still affects the lefthand padding of such box. -page-flow-direction-002 'writing-mode: vertical-rl' - default page flow (progression) direction image,paged http://www.w3.org/TR/css-writing-modes-3/#writing-mode 517eb88ec0066fc5b6f14a1602fa5383364ecb3c `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is right-to-left. -page-flow-direction-003 'writing-mode: vertical-lr' - default page flow (progression) direction image,paged http://www.w3.org/TR/css-writing-modes-3/#writing-mode 9362449f07d4b9dac8dc62f7cc5c1760d02387be `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right. +page-flow-direction-002 'writing-mode: vertical-rl' - default page flow (progression) direction image,paged http://www.w3.org/TR/css-writing-modes-3/#writing-mode 1be4838588d4d52420f215f0499e88ca81c97a2e `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is right-to-left. +page-flow-direction-003 'writing-mode: vertical-lr' - default page flow (progression) direction image,paged http://www.w3.org/TR/css-writing-modes-3/#writing-mode 8c8a22a12a385a28d2486ca89b373f4bd4060faf `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right. +page-flow-direction-slr-005 'writing-mode: sideways-lr' - default page flow (progression) direction image,paged http://www.w3.org/TR/css-writing-modes-3/#writing-mode df9acba98f26438465319807c62c0e2e6fcbc6b0 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right. +page-flow-direction-srl-004 'writing-mode: sideways-rl' - default page flow (progression) direction image,paged http://www.w3.org/TR/css-writing-modes-3/#writing-mode f8702ef5c4179574ce28fa8eb8b35ba52fd3018c `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is right-to-left. percent-margin-vlr-003 reference/margin-vrl-002-ref margin percentage and 'vertical-lr' (orthogonal flow) image http://www.w3.org/TR/css-writing-modes-3/#dimension-mapping d9ee8193bd1f18a91e7ceaa50b19fa4f06882838 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that percentages on the margin are calculated with respect to the width (inline-size) of the containing block if the 'writing-mode' of such containing block is 'horizontal-tb'. In this test, div.outer's computed 'writing-mode' value is 'horizontal-tb' and it is the div.inner's containing block. percent-margin-vlr-005 reference/margin-vrl-002-ref margin percentage and 'vertical-lr' image http://www.w3.org/TR/css-writing-modes-3/#dimension-mapping 2eb847fad6839dee330c0a9c6f00f48f66b5eec0 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that percentages on the margin are calculated with respect to the height (inline-size) of the containing block if the 'writing-mode' of such containing block is 'vertical-lr'. percent-margin-vlr-007 reference/margin-vrl-002-ref margin percentage and 'vertical-lr' (orthogonal flow) image http://www.w3.org/TR/css-writing-modes-3/#dimension-mapping 5d20543c74ae19c01ac8a5c86e731b212374be55 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that percentages on the margin are calculated with respect to the height (inline-size) of the containing block if the 'writing-mode' of such containing block is 'vertical-lr'. @@ -720,18 +747,26 @@ percent-padding-vrl-004 reference/margin-vrl-002-ref padding percentage and 'ver percent-padding-vrl-006 reference/margin-vrl-002-ref padding percentage and 'vertical-rl' (orthogonal flow) image http://www.w3.org/TR/css-writing-modes-3/#dimension-mapping 48c37c68b126ddc8b8bc3407b949a71943801f13 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that percentages on the padding are calculated with respect to the height (inline-size) of the containing block if the 'writing-mode' of such containing block is 'vertical-rl'. replaced-content-image-002 alternate text of image and vertical writing mode should http://www.w3.org/TR/css-writing-modes-3/#writing-mode 70d61235f5585e0d31e481bcf211b85eff22f9e9 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that alternate text (latin) of image rotates 90° clockwise in vertical writing mode. replaced-content-image-003 alternate text of image and vertical writing mode should http://www.w3.org/TR/css-writing-modes-3/#writing-mode 7b74dbd7ce8dfb573f138987a97a5bcd5d209973 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that alternate text (latin) of image rotates 90° clockwise in vertical writing mode. -row-progression-002 reference/block-flow-direction-001-ref vertical-rl - table rows progression ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 756676b1795650fa99871614423f2660243d19d4 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc... -row-progression-003 reference/block-flow-direction-001-ref vertical-lr - table rows progression ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 520e417e434a5a33295451ed87d4df83e8698dd8 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... -row-progression-004 reference/block-flow-direction-001-ref vertical-rl - table rows progression and colspan ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 1dc1ea60a49cfba5ada5c447367605db11596325 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction. -row-progression-005 reference/block-flow-direction-001-ref vertical-lr - table rows progression and colspan ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 776ec6bd3a2ccc79b2db93000ece9344f053b8ad `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction. -row-progression-006 reference/block-flow-direction-001-ref vertical-rl - table rows progression and rowspan ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 66f5dfb736ace7bc1b9a4c0a10e55823e8f4b89a `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that rowspanned cells in a table are handled according to a right-to-left direction. -row-progression-007 reference/block-flow-direction-001-ref vertical-lr - table rows progression and rowspan ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 302a3f2165c8d14d387b036fd865da9dc589542b `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that rowspanned cells in a table are handled according to a left-to-right direction. -row-progression-008 reference/block-flow-direction-001-ref vertical-rl - table rows progression (thead, 2 tbodies, tfoot) ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 7916dd8f7cbfd001d9d9d6b8ab3549dd15a28aff `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc... -row-progression-009 reference/block-flow-direction-001-ref vertical-lr - table rows progression (thead, 2 tbodies, tfoot) ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode e6fd417635743fc4554ea67a5744db54461778f3 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... -table-column-order-002 reference/block-flow-direction-001-ref 'direction: rtl' - table columns order and vertical-rl ahem http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#vertical-layout aef6a48b353649358dfc293d28e8bc602afcbf0f `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks that a table with 'writing-mode' set to 'vertical-rl' and with 'direction' set to 'rtl' will have its column displayed from bottom (1st column) to top (last column). The inline base direction is still from top to bottom. -table-column-order-003 reference/block-flow-direction-001-ref 'direction: rtl' - table columns order and vertical-lr ahem http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#vertical-layout e82ae71ac3541cfba3978ffe9d32d20b1ffcd13d `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks that a table with 'writing-mode' set to 'vertical-lr' and with 'direction' set to 'rtl' will have its column displayed from bottom (1st column) to top (last column). The inline base direction is still from top to bottom. -table-column-order-004 reference/block-flow-direction-001-ref 'direction: rtl' - table columns order and vertical-rl ahem http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#vertical-layout d6e85e267481db8e23e8e2c7dd3a3e7ae11703e6 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks that colspanned cells in a table with 'direction' set to 'rtl' are handled according to a bottom-to-top column direction. -table-column-order-005 reference/block-flow-direction-001-ref 'direction: rtl' - table columns order and vertical-lr ahem http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 5c5f4e626e4aaeae7387fe8e37beb1be49196e3c `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks that colspanned cells in a table with 'direction' set to 'rtl' are handled according to a bottom-to-top column direction. +row-progression-slr-023 reference/block-flow-direction-001-ref sideways-lr - table rows progression ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode a9de747337b3db0711133ae1888330b4908a5728 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that rows of a table element with in a 'sideways-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells and table columns in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top. +row-progression-slr-029 reference/block-flow-direction-001-ref sideways-lr - table rows progression (thead, 2 tbodies, tfoot) ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 12d59fcc02872fb61092b93f292ed10d01049498 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that rows of a table element with in a 'sideways-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells and table columns in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top. +row-progression-srl-022 reference/block-flow-direction-001-ref sideways-rl - table rows progression ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode e9df4023c3127a72de4ede78636e0b20f2d4c7cf `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that rows of a table element with in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc... +row-progression-srl-028 reference/block-flow-direction-001-ref sideways-rl - table rows progression (thead, 2 tbodies, tfoot) ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 6346e1e4759f28d04824a3405513c2a784b1742f `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that rows of a table element with in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc... +row-progression-vlr-003 reference/block-flow-direction-001-ref vertical-lr - table rows progression ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 84c432b8cdbbf5cf7183e90135ac46957fa3cb1b `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... +row-progression-vlr-005 reference/block-flow-direction-001-ref vertical-lr - table rows progression and colspan ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode c031930a3ed4ea1e73734dfd2e273afe44c4d2e3 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction. +row-progression-vlr-007 reference/block-flow-direction-001-ref vertical-lr - table rows progression and rowspan ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 1247d033839cc0e6a846fe3715239104315644c8 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that rowspanned cells in a table are handled according to a left-to-right direction. +row-progression-vlr-009 reference/block-flow-direction-001-ref vertical-lr - table rows progression (thead, 2 tbodies, tfoot) ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 206688d0b2fda2cd4bff586e4451aff4639d85bd `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top. +row-progression-vrl-002 reference/block-flow-direction-001-ref vertical-rl - table rows progression ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 4efc6ea75fdd7079197d71e8654d70c14b8d1b90 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc... +row-progression-vrl-004 reference/block-flow-direction-001-ref vertical-rl - table rows progression and colspan ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 37962c7e044b1a6942196368d4e8c9e3d9b72a64 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction. +row-progression-vrl-006 reference/block-flow-direction-001-ref vertical-rl - table rows progression and rowspan ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 7bfa2f995c84aec6ab7121cd6dae6155859af190 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that rowspanned cells in a table are handled according to a right-to-left direction. +row-progression-vrl-008 reference/block-flow-direction-001-ref vertical-rl - table rows progression (thead, 2 tbodies, tfoot) ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode ede35d79789fd49484a0a94bb805484616b16b2a `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc... +table-column-order-002 reference/block-flow-direction-001-ref 'direction: rtl' - table columns order and vertical-rl ahem http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 2cda479a2b6618a2cb702b11ab1c6d15e84143b0 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks that a table with 'writing-mode' set to 'vertical-rl' and with 'direction' set to 'rtl' will have its column displayed from bottom (1st column) to top (last column). The inline base direction is still from top to bottom. +table-column-order-003 reference/block-flow-direction-001-ref 'direction: rtl' - table columns order and vertical-lr ahem http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#vertical-layout e6919ba4cd2868612f81df810867a794b69baa1a `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks that a table with 'writing-mode' set to 'vertical-lr' and with 'direction' set to 'rtl' will have its column displayed from bottom (1st column) to top (last column). The inline base direction is still from top to bottom. +table-column-order-004 reference/block-flow-direction-001-ref 'direction: rtl' - table columns order and vertical-rl ahem http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 879e9a12b008f2396d0778283047a723300d976b `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks that colspanned cells in a table with 'direction' set to 'rtl' are handled according to a bottom-to-top column direction. +table-column-order-005 reference/block-flow-direction-001-ref 'direction: rtl' - table columns order and vertical-lr ahem http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#vertical-layout b936639f86135a4e6a13faf2bbb35cef03ab8688 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks that colspanned cells in a table with 'direction' set to 'rtl' are handled according to a bottom-to-top column direction. +table-progression-slr-001 reference/table-progression-slr-001-ref sideways-lr Table Row/Rowgroup/Cell Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction af7d971e56a4df80a306f033041e8c1161b3fc0a `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>,`Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that sideways-lr tables order rows/rowgroups left to right and cells bottom-to-top (LTR) or top-to-bottom (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups. +table-progression-slr-002 reference/table-progression-002-ref sideways-lr Table Column/Colgroup Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction 19e1b54408e91a7566d9502f454c2bd473917c82 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that sideways-lr tables order columns bottom-to-top (LTR) or top-to-bottom (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups. +table-progression-srl-001 reference/table-progression-001-ref sideways-rl Table Row/Rowgroup/Cell Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction 0dac2ab388f8c05765288927c38dc9f24ba1a277 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>,`Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that sideways-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups. +table-progression-srl-002 reference/table-progression-002-ref sideways-rl Table Column/Colgroup Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction ea004df0b7de35f6b97a7c097cb5555619ccac94 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>,`Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that sideways-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups. table-progression-vlr-001 reference/table-progression-001-ref vertical-lr Table Row/Rowgroup/Cell Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction 401f8eb3e2ee5bb76005f18b876ad15312e36f23 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-lr tables order rows/rowgroups left to right and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups. table-progression-vlr-002 reference/table-progression-002-ref vertical-lr Table Column/Colgroup Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction 443f8504e53d242cbfb638187617e29f70f70bef `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups. table-progression-vlr-003 reference/table-progression-001-ref vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#text-orientation 2ee0222ec3a8473737329fe6c0ad0ed95443f70e `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright. @@ -758,12 +793,18 @@ text-align-vrl-012 reference/text-align-vrl-008-ref 'text-align: center' - 'vert text-align-vrl-014 reference/direction-vrl-002-ref 'text-align: right' - 'vertical-rl' and 'direction: ltr' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout ee7abad3095db81112f2d25c7a5b96b91b4c5976 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-align: right' aligns an inline box within a line box with respect to such line box's logical right side (line-right side). text-align-vrl-016 reference/direction-vrl-002-ref 'text-align: right' - 'vertical-rl' and 'direction: rtl' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout aa022d161e162cf0c2bc00be399ce9fc39c036bb `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-align: right' aligns an inline box within a line box with respect to the line box's logical right side (line-right side). Here, 'direction: rtl' has no impact, no influence on such alignment. text-align-vrl-018 reference/direction-vrl-002-ref 'text-align: right' - 'vertical-rl' and initial, default 'direction' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout d563a03c7b8092d0cbfd3c92183d10bba8333354 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-align: right' aligns an inline box within a line box with respect to such line box's logical right side (line-right side). -text-baseline-002 reference/text-baseline-002-ref text baseline alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 7425b56caf0b0f236a4cd5c90f9e93f45fb29f54 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline. -text-baseline-003 reference/text-baseline-002-ref text baseline alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 63eaf4e7b86e7523558aab396ed512c9ce17c048 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline. -text-baseline-004 reference/text-baseline-002-ref text baseline alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 57ee15d165f0fec44fbf7f1d45a6ffdd1f394dac `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline. -text-baseline-005 reference/text-baseline-002-ref text baseline alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 8cc7d13823e35e96e42f5ef774531f6e9030f2a2 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline. -text-baseline-006 reference/text-baseline-006-ref text baseline alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 86df2740c515deaa2356a703049f68c71ae26176 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline. -text-baseline-007 reference/text-baseline-006-ref text baseline alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 51843b9b15971e6a2c8273f835b3d4eb64f9957f `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline. +text-baseline-slr-009 reference/text-baseline-slr-009-ref text baseline alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines f2feea9de3a19fee5ca97b72ef9a0df3d47ae73d `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'mixed', then the alphabetical baseline is used as the dominant baseline. +text-baseline-slr-011 reference/text-baseline-slr-009-ref text baseline alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines d5f21aa7f5f2dc023cbe2fea86c4d2fd701a8677 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'upright', then the alphabetical baseline is used as the dominant baseline. +text-baseline-slr-013 reference/text-baseline-slr-009-ref text baseline alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 58d0eef98811ed6c05522bb93aec37e09aa3123b `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline. +text-baseline-srl-008 reference/text-baseline-vrl-006-ref text baseline alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines aaa30b8aa8c49b6f761cc160e104aee449f44401 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'mixed', then the alphabetical baseline is used as the dominant baseline. +text-baseline-srl-010 reference/text-baseline-vrl-006-ref text baseline alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 5b2eae7a1033e61b023e2c69c56bfa2ae71db38f `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'upright', then the alphabetical baseline is used as the dominant baseline. +text-baseline-srl-012 reference/text-baseline-vrl-006-ref text baseline alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 751973aaccb29d4bb6125a842ea8ce54580ac862 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline. +text-baseline-vlr-003 reference/text-baseline-vrl-002-ref text baseline alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines d2fbd8b70e1a282019dbb946f08fff8778010830 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline. +text-baseline-vlr-005 reference/text-baseline-vrl-002-ref text baseline alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 51866103aa9adb12ae38ed73644698ee63a6af64 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline. +text-baseline-vlr-007 reference/text-baseline-vrl-006-ref text baseline alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 2f6bc41efeefa86a82ca1266227b44dfeea4df80 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline. +text-baseline-vrl-002 reference/text-baseline-vrl-002-ref text baseline alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines b1dd1a8cbb988e6bff7a2ea70bec10b96a8d4196 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline. +text-baseline-vrl-004 reference/text-baseline-vrl-002-ref text baseline alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines b5ab33e341b1b23db4f9ec15902b5ea8d05f4494 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline. +text-baseline-vrl-006 reference/text-baseline-vrl-006-ref text baseline alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines b33d1c8910435da20bbabdf811f1e485964cd2c2 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline. text-combine-upright-decorations-001 reference/text-combine-upright-decorations-001 The resulting composition is treated as a signel glyph for decorations ahem https://drafts.csswg.org/css-writing-modes-3/#text-combine-layout 280af6570701711000e9512d0fa55c267724d9ae `Koji Ishii`<mailto:kojiishi@gmail.com> The resulting composition is treated as a signel glyph for decorations text-combine-upright-inherit-all-001 reference/text-combine-upright-inherit-all-001 text-combine-upright:all inherits http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 71bf076146439091e171f37da2984ca1dcdca01e `Koji Ishii`<mailto:kojiishi@gmail.com> This test checks text-combine-upright:all inherits text-combine-upright-inherit-all-002 reference/text-combine-upright-inherit-all-002 text-combine-upright :all http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 5f16f6cf05f96410a9698653f5557ca74ae561af `Shinsuke Matsuki`<mailto:shinsuke.matsuki@access-company.com>,`Koji Ishii`<mailto:kojiishi@gmail.com> This test checks text-combine-upright:all inherits through the containment hierarchy and interrupted (by a box boundary) text runs @@ -893,11 +934,10 @@ vertical-alignment-vrl-024 reference/vertical-alignment-vrl-022-ref vertical-ali vertical-alignment-vrl-026 reference/vertical-alignment-vrl-026-ref vertical-align - 'middle' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 88419ef9fd16f1a81ffd2342a914e4bccc3a1ed5 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways, 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the alphabetic baseline of the parent box plus half the x-height of the parent. writing-mode-horizontal-001l reference/writing-mode-horizontal-001l-ref CSS Writing Modes: text-combine-upright in horizontal writing mode http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 820b6baaa9ff63cf1a29b989c8d68ebdafe3c4da `Masataka Yakura`<http://google.com/+MasatakaYakura> text-combine-upright does not have an effect in horizontal writing modes. writing-mode-horizontal-001r reference/writing-mode-horizontal-001r-ref CSS Writing Modes: text-combine-upright in horizontal writing mode http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 946a8be6f47e1cdc7ca7539e48e9964bd77c9ba9 `Masataka Yakura`<http://google.com/+MasatakaYakura> text-combine-upright does not have an effect in horizontal writing modes. -writing-mode-parsing-001 CSS Writing Modes: parsing writing-mode dom,script https://drafts.csswg.org/css-writing-modes-3/#block-flow c51a2ea776e89eab37f78a5005ad12f1f23f07b4 `Koji Ishii`<kojiishi@gmail.com> This test asserts the parser and getComputedStyle works correctly for the writing-mode property. +writing-mode-parsing-001 CSS Writing Modes: parsing writing-mode dom,script https://drafts.csswg.org/css-writing-modes-3/#block-flow 7793f793afe3bce066012f14cd282537b430487e `Koji Ishii`<kojiishi@gmail.com> This test asserts the parser and getComputedStyle works correctly for the writing-mode property. writing-mode-parsing-sideways-lr-001 CSS Writing Modes: parsing writing-mode: sideways-lr dom,script https://drafts.csswg.org/css-writing-modes-3/#block-flow 736e57b0c6f1a92b2a614374db49a3be98722285 `Koji Ishii`<kojiishi@gmail.com> This test asserts the parser and getComputedStyle works correctly for the writing-mode: sideways-lr. writing-mode-parsing-sideways-rl-001 CSS Writing Modes: parsing writing-mode: sideways-rl dom,script https://drafts.csswg.org/css-writing-modes-3/#block-flow 182103682044156866012dcbd0c99a3ba7f9d476 `Koji Ishii`<kojiishi@gmail.com> This test asserts the parser and getComputedStyle works correctly for the writing-mode: sideways-rl. writing-mode-parsing-svg1-001 CSS Writing Modes: parsing SVG 1.1 writing-mode values dom,may,svg,script https://drafts.csswg.org/css-writing-modes-3/#svg-writing-mode ce2637b4c3b5c62aa8fbfc18d7e8ab9ce4107a12 `Koji Ishii`<kojiishi@gmail.com> This test asserts the parser and getComputedStyle works correctly for the SVG 1.1 writing-mode values. -writing-mode-stretch-001 reference/writing-mode-stretch-001-ref writing-mode vertical-lr and vertical-rl http://www.w3.org/TR/css-writing-modes-3/#writing-mode b39073243c9598d184c1f6efc298247a42f34aea `Mitsuteru Sawa`<mailto:mitsuteru.s@gmail.com> vertical-writing-mode flex items should stretch writing-mode-vertical-lr-002 reference/writing-mode-vertical-lr-002-ref writing-mode: vertical-lr - basic inline case ahem http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 2368493f74f4795b81bbe06bcdc4e41617b7a97f `Yoshifumi Kawai`<mailto:kawai@est.co.jp> writing-mode-vertical-rl-001 reference/writing-mode-vertical-rl-001-ref writing-mode: vertical-rl - basic inline case ahem http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 51761a8518c6f9fa7d5ecc3306fbced379b10538 `Yoshifumi Kawai`<mailto:kawai@est.co.jp> writing-mode-vertical-rl-002 reference/writing-mode-vertical-rl-002-ref writing-mode: vertical-rl - basic inline case ahem http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 98ffa835aeb05e601b758d7ad7dc670d78234c77 `Yoshifumi Kawai`<mailto:kawai@est.co.jp> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-001.xht deleted file mode 100644 index dc2496d5f39..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-001.xht +++ /dev/null @@ -1,61 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: horizontal-tb - block flow direction of block-level boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that block-level boxes in a 'horizontal-tb' writing mode are laid out one after the other, vertically, with the first beginning at the top of a containing block; they are ordered from top to bottom meaning that the 1st block box is the topmost one, then the 2nd block is juxtaposed at its bottom, then the 3rd block is juxtaposed to the 2nd block at its bottom, etc..." name="assert" /> - - <style type="text/css"><![CDATA[ - html { writing-mode: horizontal-tb; } - /* - " - The principal writing mode of the document is determined by the writing-mode - and direction values specified on the root element. - " - */ - - body - { - color: yellow; - font: 20px/1 Ahem; - width: 21em; - } - - div - { - background-color: blue; - border-left: blue solid 1em; - border-right: blue solid 1em; - } - - div#top-border { border-top: blue solid 1em; } - - div#bottom-border { border-bottom: blue solid 1em; } - ]]></style> - </head> - - <body> - - <!-- topmost line --><div id="top-border">AAAA BBBB CCCC DDDD</div> - - <!-- 2nd topmost line --><div>E F G H J L </div> - - <!-- 3rd topmost line --><div>M N Q R S T </div> - - <!-- 4th topmost line --><div>UUUU VVVV WWWW XXXX</div> - - <!-- 5th topmost line --><div>Z a b c d</div> - - <!-- 6th topmost line --><div>e f g h j</div> - - <!-- 7th topmost line --><div id="bottom-border">k m n qqqq rrrr</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-htb-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-htb-001.xht new file mode 100644 index 00000000000..179d9924cd1 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-htb-001.xht @@ -0,0 +1,70 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: horizontal-tb - block flow direction of block-level boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that block-level boxes in a 'horizontal-tb' writing mode are laid out one after the other, vertically, with the first beginning at the top of a containing block; they are ordered from top to bottom meaning that the 1st block box is the topmost one, then the 2nd block is juxtaposed at its bottom, then the 3rd block is juxtaposed to the 2nd block at its bottom, etc..." name="assert" /> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: horizontal-tb; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + width: 21em; + } + + div + { + background-color: blue; + border-left: blue solid 1em; + border-right: blue solid 1em; + } + + div#top-border + { + border-top: blue solid 1em; + } + + div#bottom-border + { + border-bottom: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <!-- topmost line --><div id="top-border">AAAA BBBB CCCC DDDD</div> + + <!-- 2nd topmost line --><div>E F G H J L </div> + + <!-- 3rd topmost line --><div>M N Q R S T </div> + + <!-- 4th topmost line --><div>UUUU VVVV WWWW XXXX</div> + + <!-- 5th topmost line --><div>Z a b c d</div> + + <!-- 6th topmost line --><div>e f g h j</div> + + <!-- 7th topmost line --><div id="bottom-border">k m n qqqq rrrr</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-043.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-043.xht index 0c754331f5e..0c754331f5e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-043.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-043.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-047.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-047.xht index 3efd0eaa27b..3efd0eaa27b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-047.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-047.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-048.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-048.xht index 23308885fdf..23308885fdf 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-048.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-048.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-050.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-050.xht index 065e3bc6d71..065e3bc6d71 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-050.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-050.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-054.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-054.xht index a34d271e857..a34d271e857 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-054.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-054.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-055.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-055.xht index a26bf1c9244..a26bf1c9244 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-055.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-055.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-056.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-056.xht index 89daf67bc8a..89daf67bc8a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-056.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-056.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-058.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-058.xht index bc4aea7da28..bc4aea7da28 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-058.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-058.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-060.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-060.xht index 2867dc5ec93..2867dc5ec93 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-060.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-060.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-062.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-062.xht index 3309ce7eb00..3309ce7eb00 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-062.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-062.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-063.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-063.xht index 21a38a4624c..21a38a4624c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-063.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-063.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-066.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-066.xht index 4b61fc9fc07..4b61fc9fc07 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-066.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-066.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-042.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-042.xht index 4f98d5faf51..4f98d5faf51 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-042.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-042.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-045.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-045.xht index c08fd7668c1..c08fd7668c1 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-045.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-045.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-046.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-046.xht index 04830e5243a..04830e5243a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-046.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-046.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-049.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-049.xht index 105b1ef387e..105b1ef387e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-049.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-049.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-051.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-051.xht index 994ad847c43..994ad847c43 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-051.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-051.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-052.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-052.xht index 14718eed152..14718eed152 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-052.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-052.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-053.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-053.xht index 084d9ae174f..084d9ae174f 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-053.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-053.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-057.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-057.xht index 83a1c30e72b..83a1c30e72b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-057.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-057.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-059.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-059.xht index cf5c73654ad..cf5c73654ad 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-059.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-059.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-061.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-061.xht index d6a76d016e6..d6a76d016e6 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-061.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-061.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-064.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-064.xht index 688273bf1ce..688273bf1ce 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-064.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-064.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-065.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-065.xht index 01aaaf79948..01aaaf79948 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-065.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-065.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-003.xht index 2b47388ddd6..2b47388ddd6 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-003.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-003.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-007.xht index 3cf34722398..3cf34722398 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-007.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-007.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-008.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-008.xht index ed1b27ab550..ed1b27ab550 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-008.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-008.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-010.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-010.xht index 4e5992c53f3..4e5992c53f3 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-010.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-010.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-014.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-014.xht index c791e2c6e05..c791e2c6e05 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-014.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-014.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-015.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-015.xht index 21baa546d0a..21baa546d0a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-015.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-015.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-016.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-016.xht index 721a64a9c75..721a64a9c75 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-016.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-016.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-018.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-018.xht index b3a475e7f54..b3a475e7f54 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-018.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-018.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-020.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-020.xht index 167a58cd4c1..167a58cd4c1 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-020.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-020.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-022.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-022.xht index 07d830380d2..07d830380d2 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-022.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-022.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-023.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-023.xht index 1e102054cd7..1e102054cd7 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-023.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-023.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-002.xht index 10904791e59..10904791e59 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-002.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-002.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-005.xht index d314b27fc8b..d314b27fc8b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-005.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-005.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-006.xht index a701bd6ae69..a701bd6ae69 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-006.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-006.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-009.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-009.xht index 248731ce3c2..248731ce3c2 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-009.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-009.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-011.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-011.xht index eb8bc138044..eb8bc138044 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-011.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-011.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-012.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-012.xht index 7726d0cbfa0..7726d0cbfa0 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-012.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-012.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-013.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-013.xht index 1c3dde77081..1c3dde77081 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-013.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-013.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-017.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-017.xht index 40ae1d881a5..40ae1d881a5 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-017.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-017.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-019.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-019.xht index b27ff758630..b27ff758630 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-019.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-019.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-021.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-021.xht index 97ba4efd348..97ba4efd348 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-021.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-021.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-024.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-024.xht index d6831d3ca19..d6831d3ca19 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-024.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-024.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-025.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-025.xht index 0a3a75fd525..0a3a75fd525 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-025.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-025.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-2.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-2.xht index 4a5ee64b548..311217e4f02 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-2.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-2.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Inline Direction and Bidirectionality (173 tests)</h2> + <h2>Inline Direction and Bidirectionality (177 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -1102,7 +1102,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s2.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#direction">2.1 Specifying Directionality: the direction property</a></th></tr> - <!-- 30 tests --> + <!-- 34 tests --> <tr id="direction-001-2.1" class="primary"> <td><strong> <a href="direction-001.xht">direction-001</a></strong></td> @@ -1345,6 +1345,50 @@ </ul> </td> </tr> + <tr id="table-progression-slr-001-2.1" class=""> + <td> + <a href="table-progression-slr-001.xht">table-progression-slr-001</a></td> + <td><a href="reference/table-progression-slr-001-ref.xht">=</a> </td> + <td></td> + <td>sideways-lr Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that sideways-lr tables order rows/rowgroups left to right and cells bottom-to-top (LTR) or top-to-bottom (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-slr-002-2.1" class=""> + <td> + <a href="table-progression-slr-002.xht">table-progression-slr-002</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> + <td></td> + <td>sideways-lr Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that sideways-lr tables order columns bottom-to-top (LTR) or top-to-bottom (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-srl-001-2.1" class=""> + <td> + <a href="table-progression-srl-001.xht">table-progression-srl-001</a></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> + <td></td> + <td>sideways-rl Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that sideways-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-srl-002-2.1" class=""> + <td> + <a href="table-progression-srl-002.xht">table-progression-srl-002</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> + <td></td> + <td>sideways-rl Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that sideways-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + </ul> + </td> + </tr> <tr id="table-progression-vlr-001-2.1" class=""> <td> <a href="table-progression-vlr-001.xht">table-progression-vlr-001</a></td> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-3.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-3.xht index e6ce49bcb7c..7f5976d53aa 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-3.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-3.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Introduction to Vertical Text (113 tests)</h2> + <h2>Introduction to Vertical Text (147 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -40,10 +40,21 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s3.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode">3.1 Block Flow Direction: the writing-mode property</a></th></tr> - <!-- 98 tests --> - <tr id="block-flow-direction-001-3.1" class="primary ahem"> + <!-- 132 tests --> + <tr id="block-flow-direction-004-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-001.xht">block-flow-direction-001</a></strong></td> + <a href="block-flow-direction-004.xht">block-flow-direction-004</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'writing-mode' - initial value is 'horizontal-tb' + <ul class="assert"> + <li>This test checks that the default, initial value of writing-mode is 'horizontal-tb'.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-htb-001-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-htb-001.xht">block-flow-direction-htb-001</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>horizontal-tb - block flow direction of block-level boxes @@ -52,531 +63,520 @@ </ul> </td> </tr> - <tr id="block-flow-direction-002-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-043-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-002.xht">block-flow-direction-002</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <a href="block-flow-direction-slr-043.xht">block-flow-direction-slr-043</a></strong></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - block flow direction of block-level boxes + <td>sideways-lr - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-003-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-047-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-003.xht">block-flow-direction-003</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <a href="block-flow-direction-slr-047.xht">block-flow-direction-slr-047</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-lr - block flow direction of block-level boxes + <td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> + <li>This test checks that a right-floated box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-004-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-048-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-004.xht">block-flow-direction-004</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <a href="block-flow-direction-slr-048.xht">block-flow-direction-slr-048</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'writing-mode' - initial value is 'horizontal-tb' + <td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that the default, initial value of writing-mode is 'horizontal-tb'.</li> + <li>This test checks that right-floated boxes with 'writing-mode' set to 'sideways-lr' establish block formating contexts with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-005-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-050-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-005.xht">block-flow-direction-005</a></strong></td> + <a href="block-flow-direction-slr-050.xht">block-flow-direction-slr-050</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: left' and 'vertical-rl' - block flow direction of block-level boxes + <td>position absolute and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a left-floated box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-006-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-054-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-006.xht">block-flow-direction-006</a></strong></td> + <a href="block-flow-direction-slr-054.xht">block-flow-direction-slr-054</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: left' and 'vertical-rl' - block flow direction of block-level boxes + <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that left-floated boxes with 'writing-mode' set to 'vertical-rl' establish block formating contexts with a right-to-left block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-007-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-055-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-007.xht">block-flow-direction-007</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <a href="block-flow-direction-slr-055.xht">block-flow-direction-slr-055</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: right' and 'vertical-lr' - block flow direction of block-level boxes + <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a right-floated box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-008-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-056-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-008.xht">block-flow-direction-008</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <a href="block-flow-direction-slr-056.xht">block-flow-direction-slr-056</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: right' and 'vertical-lr' - block flow direction of block-level boxes + <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that right-floated boxes with 'writing-mode' set to 'vertical-lr' establish block formating contexts with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-009-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-058-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-009.xht">block-flow-direction-009</a></strong></td> + <a href="block-flow-direction-slr-058.xht">block-flow-direction-slr-058</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>position absolute and 'vertical-rl' - block flow direction of block-level boxes + <td>table-cell and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that a table-cell with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-010-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-060-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-010.xht">block-flow-direction-010</a></strong></td> + <a href="block-flow-direction-slr-060.xht">block-flow-direction-slr-060</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>position absolute and 'vertical-lr' - block flow direction of block-level boxes + <td>table-caption and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that a table-caption with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-011-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-062-3.1" class="primary ahem image"> <td><strong> - <a href="block-flow-direction-011.xht">block-flow-direction-011</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-rl' - block flow direction of block-level boxes + <a href="block-flow-direction-slr-062.xht">block-flow-direction-slr-062</a></strong></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>list and sideways-lr - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-012-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-063-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-012.xht">block-flow-direction-012</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <a href="block-flow-direction-slr-063.xht">block-flow-direction-slr-063</a></strong></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-rl' - block flow direction of block-level boxes + <td>sideways-lr - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-013-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-066-3.1" class="primary image"> <td><strong> - <a href="block-flow-direction-013.xht">block-flow-direction-013</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-rl' - block flow direction of block-level boxes + <a href="block-flow-direction-slr-066.xht">block-flow-direction-slr-066</a></strong></td> + <td><a href="reference/block-flow-direction-066-ref.xht">=</a> </td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>writing mode (sideways-lr) of document - horizontal position of first block <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that, when 'writing-mode' value of the root element is set to 'sideways-lr', then its block boxes are laid out rightwardedly (from left to right) one after the other beginning at its lefthand side. Also, the inline flow direction is 'topwardedly', that is inline boxes in the line box flow from the bottom toward the top; inline boxes are laid out vertically, one after the other, starting at the physical bottom side of its containing block.</li> </ul> </td> </tr> - <tr id="block-flow-direction-014-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-042-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-014.xht">block-flow-direction-014</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <a href="block-flow-direction-srl-042.xht">block-flow-direction-srl-042</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-lr' - block flow direction of block-level boxes + <td>sideways-rl - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-015-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-045-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-015.xht">block-flow-direction-015</a></strong></td> + <a href="block-flow-direction-srl-045.xht">block-flow-direction-srl-045</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-lr' - block flow direction of block-level boxes + <td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that a left-floated box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-016-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-046-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-016.xht">block-flow-direction-016</a></strong></td> + <a href="block-flow-direction-srl-046.xht">block-flow-direction-srl-046</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-lr' - block flow direction of block-level boxes + <td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that left-floated boxes with 'writing-mode' set to 'sideways-rl' establish block formating contexts with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-017-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-049-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-017.xht">block-flow-direction-017</a></strong></td> + <a href="block-flow-direction-srl-049.xht">block-flow-direction-srl-049</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-cell and 'vertical-rl' - block flow direction of block-level boxes + <td>position absolute and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-cell with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-018-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-051-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-018.xht">block-flow-direction-018</a></strong></td> + <a href="block-flow-direction-srl-051.xht">block-flow-direction-srl-051</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-cell and 'vertical-lr' - block flow direction of block-level boxes + <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-cell with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-019-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-052-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-019.xht">block-flow-direction-019</a></strong></td> + <a href="block-flow-direction-srl-052.xht">block-flow-direction-srl-052</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-caption and 'vertical-rl' - block flow direction of block-level boxes + <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-caption with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-020-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-053-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-020.xht">block-flow-direction-020</a></strong></td> + <a href="block-flow-direction-srl-053.xht">block-flow-direction-srl-053</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-caption and 'vertical-lr' - block flow direction of block-level boxes + <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-caption with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-021-3.1" class="primary ahem image"> + <tr id="block-flow-direction-srl-057-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-021.xht">block-flow-direction-021</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>list and vertical-rl - block flow direction of block-level boxes + <a href="block-flow-direction-srl-057.xht">block-flow-direction-srl-057</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-cell and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...</li> + <li>This test checks that a table-cell with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-022-3.1" class="primary ahem image"> + <tr id="block-flow-direction-srl-059-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-022.xht">block-flow-direction-022</a></strong></td> + <a href="block-flow-direction-srl-059.xht">block-flow-direction-srl-059</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>list and vertical-lr - block flow direction of block-level boxes + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-caption and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...</li> + <li>This test checks that a table-caption with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-023-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-061-3.1" class="primary ahem image"> <td><strong> - <a href="block-flow-direction-023.xht">block-flow-direction-023</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-lr - block flow direction of block-level boxes + <a href="block-flow-direction-srl-061.xht">block-flow-direction-srl-061</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>list and sideways-rl - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-024-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-064-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-024.xht">block-flow-direction-024</a></strong></td> + <a href="block-flow-direction-srl-064.xht">block-flow-direction-srl-064</a></strong></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - block flow direction of block-level boxes + <td>sideways-rl - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-025-3.1" class="primary image"> + <tr id="block-flow-direction-srl-065-3.1" class="primary image"> <td><strong> - <a href="block-flow-direction-025.xht">block-flow-direction-025</a></strong></td> + <a href="block-flow-direction-srl-065.xht">block-flow-direction-srl-065</a></strong></td> <td><a href="reference/block-flow-direction-025-ref.xht">=</a> </td> <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>writing mode of document - horizontal position of first block + <td>writing mode (sideways-rl) of document - horizontal position of first block <ul class="assert"> - <li>This test checks that, when 'writing-mode' value of the root element is set to 'vertical-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side.</li> + <li>This test checks that, when 'writing-mode' value of the root element is set to 'sideways-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side. Also, the inline flow direction is 'bottomwardedly', that is inline boxes in the line box flow from the top toward the bottom; inline boxes are laid out vertically, one after the other, starting at the physical top side of its containing block.</li> </ul> </td> </tr> - <tr id="block-flow-direction-042-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-003-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-042.xht">block-flow-direction-042</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <a href="block-flow-direction-vlr-003.xht">block-flow-direction-vlr-003</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>sideways-rl - block flow direction of block-level boxes + <td>vertical-lr - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-043-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-007-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-043.xht">block-flow-direction-043</a></strong></td> - <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> + <a href="block-flow-direction-vlr-007.xht">block-flow-direction-vlr-007</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>sideways-lr - block flow direction of block-level boxes + <td>'float: right' and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> + <li>This test checks that a right-floated box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-045-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-008-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-045.xht">block-flow-direction-045</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <a href="block-flow-direction-vlr-008.xht">block-flow-direction-vlr-008</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes + <td>'float: right' and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a left-floated box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that right-floated boxes with 'writing-mode' set to 'vertical-lr' establish block formating contexts with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-046-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-010-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-046.xht">block-flow-direction-046</a></strong></td> + <a href="block-flow-direction-vlr-010.xht">block-flow-direction-vlr-010</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes + <td>position absolute and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that left-floated boxes with 'writing-mode' set to 'sideways-rl' establish block formating contexts with a right-to-left block flow direction.</li> + <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-047-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-014-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-047.xht">block-flow-direction-047</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <a href="block-flow-direction-vlr-014.xht">block-flow-direction-vlr-014</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes + <td>inline-block and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a right-floated box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-048-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-015-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-048.xht">block-flow-direction-048</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <a href="block-flow-direction-vlr-015.xht">block-flow-direction-vlr-015</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes + <td>inline-block and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that right-floated boxes with 'writing-mode' set to 'sideways-lr' establish block formating contexts with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-049-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-016-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-049.xht">block-flow-direction-049</a></strong></td> + <a href="block-flow-direction-vlr-016.xht">block-flow-direction-vlr-016</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>position absolute and 'sideways-rl' - block flow direction of block-level boxes + <td>inline-block and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-050-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-018-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-050.xht">block-flow-direction-050</a></strong></td> + <a href="block-flow-direction-vlr-018.xht">block-flow-direction-vlr-018</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>position absolute and 'sideways-lr' - block flow direction of block-level boxes + <td>table-cell and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that a table-cell with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-051-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-020-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-051.xht">block-flow-direction-051</a></strong></td> + <a href="block-flow-direction-vlr-020.xht">block-flow-direction-vlr-020</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes + <td>table-caption and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that a table-caption with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-052-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-022-3.1" class="primary ahem image"> <td><strong> - <a href="block-flow-direction-052.xht">block-flow-direction-052</a></strong></td> + <a href="block-flow-direction-vlr-022.xht">block-flow-direction-vlr-022</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>list and vertical-lr - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-053-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-023-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-053.xht">block-flow-direction-053</a></strong></td> + <a href="block-flow-direction-vlr-023.xht">block-flow-direction-vlr-023</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes + <td>vertical-lr - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-054-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-002-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-054.xht">block-flow-direction-054</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <a href="block-flow-direction-vrl-002.xht">block-flow-direction-vrl-002</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes + <td>vertical-rl - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-055-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-005-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-055.xht">block-flow-direction-055</a></strong></td> + <a href="block-flow-direction-vrl-005.xht">block-flow-direction-vrl-005</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes + <td>'float: left' and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that a left-floated box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-056-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-006-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-056.xht">block-flow-direction-056</a></strong></td> + <a href="block-flow-direction-vrl-006.xht">block-flow-direction-vrl-006</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes + <td>'float: left' and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that left-floated boxes with 'writing-mode' set to 'vertical-rl' establish block formating contexts with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-057-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-009-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-057.xht">block-flow-direction-057</a></strong></td> + <a href="block-flow-direction-vrl-009.xht">block-flow-direction-vrl-009</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-cell and 'sideways-rl' - block flow direction of block-level boxes + <td>position absolute and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-cell with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-058-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-011-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-058.xht">block-flow-direction-058</a></strong></td> + <a href="block-flow-direction-vrl-011.xht">block-flow-direction-vrl-011</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-cell and 'sideways-lr' - block flow direction of block-level boxes + <td>inline-block and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-cell with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-059-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-012-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-059.xht">block-flow-direction-059</a></strong></td> + <a href="block-flow-direction-vrl-012.xht">block-flow-direction-vrl-012</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-caption and 'sideways-rl' - block flow direction of block-level boxes + <td>inline-block and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-caption with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-060-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-013-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-060.xht">block-flow-direction-060</a></strong></td> + <a href="block-flow-direction-vrl-013.xht">block-flow-direction-vrl-013</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-caption and 'sideways-lr' - block flow direction of block-level boxes + <td>inline-block and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-caption with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-061-3.1" class="primary ahem image"> + <tr id="block-flow-direction-vrl-017-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-061.xht">block-flow-direction-061</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>list and sideways-rl - block flow direction of block-level boxes + <a href="block-flow-direction-vrl-017.xht">block-flow-direction-vrl-017</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-cell and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...</li> + <li>This test checks that a table-cell with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-062-3.1" class="primary ahem image"> + <tr id="block-flow-direction-vrl-019-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-062.xht">block-flow-direction-062</a></strong></td> - <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>list and sideways-lr - block flow direction of block-level boxes + <a href="block-flow-direction-vrl-019.xht">block-flow-direction-vrl-019</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-caption and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...</li> + <li>This test checks that a table-caption with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-063-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-021-3.1" class="primary ahem image"> <td><strong> - <a href="block-flow-direction-063.xht">block-flow-direction-063</a></strong></td> - <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>sideways-lr - block flow direction of block-level boxes + <a href="block-flow-direction-vrl-021.xht">block-flow-direction-vrl-021</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>list and vertical-rl - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-064-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-024-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-064.xht">block-flow-direction-064</a></strong></td> + <a href="block-flow-direction-vrl-024.xht">block-flow-direction-vrl-024</a></strong></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>sideways-rl - block flow direction of block-level boxes + <td>vertical-rl - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-065-3.1" class="primary image"> + <tr id="block-flow-direction-vrl-025-3.1" class="primary image"> <td><strong> - <a href="block-flow-direction-065.xht">block-flow-direction-065</a></strong></td> + <a href="block-flow-direction-vrl-025.xht">block-flow-direction-vrl-025</a></strong></td> <td><a href="reference/block-flow-direction-025-ref.xht">=</a> </td> <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>writing mode (sideways-rl) of document - horizontal position of first block - <ul class="assert"> - <li>This test checks that, when 'writing-mode' value of the root element is set to 'sideways-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side. Also, the inline flow direction is 'bottomwardedly', that is inline boxes in the line box flow from the top toward the bottom; inline boxes are laid out vertically, one after the other, starting at the physical top side of its containing block.</li> - </ul> - </td> - </tr> - <tr id="block-flow-direction-066-3.1" class="primary image"> - <td><strong> - <a href="block-flow-direction-066.xht">block-flow-direction-066</a></strong></td> - <td><a href="reference/block-flow-direction-066-ref.xht">=</a> </td> - <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>writing mode (sideways-lr) of document - horizontal position of first block + <td>writing mode of document - horizontal position of first block <ul class="assert"> - <li>This test checks that, when 'writing-mode' value of the root element is set to 'sideways-lr', then its block boxes are laid out rightwardedly (from left to right) one after the other beginning at its lefthand side. Also, the inline flow direction is 'topwardedly', that is inline boxes in the line box flow from the bottom toward the top; inline boxes are laid out vertically, one after the other, starting at the physical bottom side of its containing block.</li> + <li>This test checks that, when 'writing-mode' value of the root element is set to 'vertical-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side.</li> </ul> </td> </tr> @@ -624,20 +624,97 @@ </ul> </td> </tr> - <tr id="form-controls-vert-rl-004-3.1" class="primary image should"> + <tr id="flexbox_align-items-stretch-writing-modes-3.1" class=""> + <td> + <a href="flexbox_align-items-stretch-writing-modes.xht">flexbox_align-items-stretch-writing-modes</a></td> + <td><a href="reference/flexbox_align-items-stretch-writing-modes-ref.xht">=</a> </td> + <td></td> + <td>Flexbox align-items: stretch with writing-mode vertical-lr and vertical-rl + <ul class="assert"> + <li>vertical-writing-mode flex items should stretch</li> + </ul> + </td> + </tr> + <tr id="form-controls-slr-004-3.1" class="primary image should"> + <td><strong> + <a href="form-controls-slr-004.xht">form-controls-slr-004</a></strong></td> + <td></td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> + <td>order, orientation and layout of form controls in 'sideways-lr' writing-mode + <ul class="assert"> + <li>This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'sideways-lr'.</li> + </ul> + </td> + </tr> + <tr id="form-controls-slr-005-3.1" class="primary should"> + <td><strong> + <a href="form-controls-slr-005.xht">form-controls-slr-005</a></strong></td> + <td></td> + <td><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> + <td>form controls in 'sideways-lr' writing-mode + <ul class="assert"> + <li>This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'sideways-lr' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from bottom to top, b) the glyphs must be rotated 90&deg; counter-clockwise and c) the block flow direction must be from left to right.</li> + </ul> + </td> + </tr> + <tr id="form-controls-srl-004-3.1" class="primary image should"> + <td><strong> + <a href="form-controls-srl-004.xht">form-controls-srl-004</a></strong></td> + <td></td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> + <td>order, orientation and layout of form controls in 'sideways-rl' writing-mode + <ul class="assert"> + <li>This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'sideways-rl'.</li> + </ul> + </td> + </tr> + <tr id="form-controls-srl-005-3.1" class="primary should"> + <td><strong> + <a href="form-controls-srl-005.xht">form-controls-srl-005</a></strong></td> + <td></td> + <td><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> + <td>form controls in 'sideways-rl' writing-mode + <ul class="assert"> + <li>This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'sideways-rl' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90&deg; clockwise and c) the block flow direction must be from right to left.</li> + </ul> + </td> + </tr> + <tr id="form-controls-vlr-004-3.1" class="primary image should"> + <td><strong> + <a href="form-controls-vlr-004.xht">form-controls-vlr-004</a></strong></td> + <td></td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> + <td>order, orientation and layout of form controls in 'vertical-lr' writing-mode + <ul class="assert"> + <li>This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'vertical-lr'.</li> + </ul> + </td> + </tr> + <tr id="form-controls-vlr-005-3.1" class="primary should"> <td><strong> - <a href="form-controls-vert-rl-004.xht">form-controls-vert-rl-004</a></strong></td> + <a href="form-controls-vlr-005.xht">form-controls-vlr-005</a></strong></td> + <td></td> + <td><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> + <td>form controls in 'vertical-lr' writing-mode + <ul class="assert"> + <li>This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'vertical-lr' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90&deg; clockwise and c) the block flow direction must be from left to right.</li> + </ul> + </td> + </tr> + <tr id="form-controls-vrl-004-3.1" class="primary image should"> + <td><strong> + <a href="form-controls-vrl-004.xht">form-controls-vrl-004</a></strong></td> <td></td> <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> <td>order, orientation and layout of form controls in 'vertical-rl' writing-mode <ul class="assert"> - <li>This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1.</li> + <li>This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'vertical-rl'.</li> </ul> </td> </tr> - <tr id="form-controls-vert-rl-005-3.1" class="primary should"> + <tr id="form-controls-vrl-005-3.1" class="primary should"> <td><strong> - <a href="form-controls-vert-rl-005.xht">form-controls-vert-rl-005</a></strong></td> + <a href="form-controls-vrl-005.xht">form-controls-vrl-005</a></strong></td> <td></td> <td><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> <td>form controls in 'vertical-rl' writing-mode @@ -668,9 +745,9 @@ </ul> </td> </tr> - <tr id="line-box-direction-001-3.1" class="primary ahem"> + <tr id="line-box-direction-htb-001-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-001.xht">line-box-direction-001</a></strong></td> + <a href="line-box-direction-htb-001.xht">line-box-direction-htb-001</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>horizontal-tb - ordering direction of line boxes @@ -679,53 +756,218 @@ </ul> </td> </tr> - <tr id="line-box-direction-002-3.1" class="primary ahem"> + <tr id="line-box-direction-slr-043-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-002.xht">line-box-direction-002</a></strong></td> + <a href="line-box-direction-slr-043.xht">line-box-direction-slr-043</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - ordering direction of line boxes + <td>sideways-lr - ordering direction of line boxes <ul class="assert"> - <li>This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...</li> + <li>This test checks that line boxes in a block box with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-slr-047-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-slr-047.xht">line-box-direction-slr-047</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'float: right' and 'sideways-lr' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the line boxes of a right-floated box with its 'writing-mode' set to 'sideways-lr' will be ordered from left to right.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-slr-048-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-slr-048.xht">line-box-direction-slr-048</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'float: right' and 'sideways-lr' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the line boxes of right-floated boxes with 'writing-mode' set to 'sideways-lr' will be ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-003-3.1" class="primary ahem"> + <tr id="line-box-direction-slr-050-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-003.xht">line-box-direction-003</a></strong></td> + <a href="line-box-direction-slr-050.xht">line-box-direction-slr-050</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-lr - ordering direction of line boxes + <td>position absolute and 'sideways-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...</li> + <li>This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' will be ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-005-3.1" class="primary ahem"> + <tr id="line-box-direction-slr-053-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-005.xht">line-box-direction-005</a></strong></td> + <a href="line-box-direction-slr-053.xht">line-box-direction-slr-053</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: left' and 'vertical-rl' - ordering direction of line boxes + <td>inline-block and 'sideways-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that the line boxes of a left-floated box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left.</li> + <li>This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'sideways-lr' are ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-006-3.1" class="primary ahem"> + <tr id="line-box-direction-slr-054-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-006.xht">line-box-direction-006</a></strong></td> + <a href="line-box-direction-slr-054.xht">line-box-direction-slr-054</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: left' and 'vertical-rl' - ordering direction of line boxes + <td>inline-block and 'sideways-lr' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'sideways-lr' are ordered from left to right.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-slr-056-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-slr-056.xht">line-box-direction-slr-056</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-cell and 'sideways-lr' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'sideways-lr' are ordered from left to right.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-slr-058-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-slr-058.xht">line-box-direction-slr-058</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-caption and 'sideways-lr' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'sideways-lr' are ordered from left to right.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-slr-060-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-slr-060.xht">line-box-direction-slr-060</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>list and 'sideways-lr' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that line boxes in a block box with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-042-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-042.xht">line-box-direction-srl-042</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>sideways-rl - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that line boxes of a block box in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-045-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-045.xht">line-box-direction-srl-045</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'float: left' and 'sideways-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the line boxes of a left-floated box with its 'writing-mode' set to 'sideways-rl' will be ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-046-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-046.xht">line-box-direction-srl-046</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'float: left' and 'sideways-rl' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'vertical-lr' will be ordered from right to left.</li> + <li>This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'sideways-rl' will be ordered from right to left.</li> </ul> </td> </tr> - <tr id="line-box-direction-007-3.1" class="primary ahem"> + <tr id="line-box-direction-srl-049-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-007.xht">line-box-direction-007</a></strong></td> + <a href="line-box-direction-srl-049.xht">line-box-direction-srl-049</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>position absolute and 'sideways-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' will be ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-051-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-051.xht">line-box-direction-srl-051</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>inline-block and 'sideways-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'sideways-rl' are ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-052-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-052.xht">line-box-direction-srl-052</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>inline-block and 'sideways-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'sideways-rl' are ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-055-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-055.xht">line-box-direction-srl-055</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-cell and 'sideways-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'sideways-rl' are ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-057-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-057.xht">line-box-direction-srl-057</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-caption and 'sideways-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'sideways-rl' are ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-059-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-059.xht">line-box-direction-srl-059</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>list and 'sideways-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that line boxes of a block box in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-vlr-003-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-vlr-003.xht">line-box-direction-vlr-003</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-lr - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-vlr-007-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-vlr-007.xht">line-box-direction-vlr-007</a></strong></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>'float: right' and 'vertical-lr' - ordering direction of line boxes @@ -734,9 +976,9 @@ </ul> </td> </tr> - <tr id="line-box-direction-008-3.1" class="primary ahem"> + <tr id="line-box-direction-vlr-008-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-008.xht">line-box-direction-008</a></strong></td> + <a href="line-box-direction-vlr-008.xht">line-box-direction-vlr-008</a></strong></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>'float: right' and 'vertical-lr' - ordering direction of line boxes @@ -745,135 +987,168 @@ </ul> </td> </tr> - <tr id="line-box-direction-009-3.1" class="primary ahem"> + <tr id="line-box-direction-vlr-010-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-009.xht">line-box-direction-009</a></strong></td> + <a href="line-box-direction-vlr-010.xht">line-box-direction-vlr-010</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>position absolute and 'vertical-rl' - ordering direction of line boxes + <td>position absolute and 'vertical-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left.</li> + <li>This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' will be ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-010-3.1" class="primary ahem"> + <tr id="line-box-direction-vlr-013-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-010.xht">line-box-direction-010</a></strong></td> + <a href="line-box-direction-vlr-013.xht">line-box-direction-vlr-013</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>position absolute and 'vertical-lr' - ordering direction of line boxes + <td>inline-block and 'vertical-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' will be ordered from left to right.</li> + <li>This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-011-3.1" class="primary ahem"> + <tr id="line-box-direction-vlr-014-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-011.xht">line-box-direction-011</a></strong></td> + <a href="line-box-direction-vlr-014.xht">line-box-direction-vlr-014</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-rl' - ordering direction of line boxes + <td>inline-block and 'vertical-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> + <li>This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-012-3.1" class="primary ahem"> + <tr id="line-box-direction-vlr-016-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-012.xht">line-box-direction-012</a></strong></td> + <a href="line-box-direction-vlr-016.xht">line-box-direction-vlr-016</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-rl' - ordering direction of line boxes + <td>table-cell and 'vertical-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> + <li>This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-013-3.1" class="primary ahem"> + <tr id="line-box-direction-vlr-018-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-013.xht">line-box-direction-013</a></strong></td> + <a href="line-box-direction-vlr-018.xht">line-box-direction-vlr-018</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-lr' - ordering direction of line boxes + <td>table-caption and 'vertical-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> + <li>This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-014-3.1" class="primary ahem"> + <tr id="line-box-direction-vlr-020-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-014.xht">line-box-direction-014</a></strong></td> + <a href="line-box-direction-vlr-020.xht">line-box-direction-vlr-020</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-lr' - ordering direction of line boxes + <td>list and 'vertical-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> + <li>This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...</li> </ul> </td> </tr> - <tr id="line-box-direction-015-3.1" class="primary ahem"> + <tr id="line-box-direction-vrl-002-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-015.xht">line-box-direction-015</a></strong></td> + <a href="line-box-direction-vrl-002.xht">line-box-direction-vrl-002</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-cell and 'vertical-rl' - ordering direction of line boxes + <td>vertical-rl - ordering direction of line boxes <ul class="assert"> - <li>This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> + <li>This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="line-box-direction-016-3.1" class="primary ahem"> + <tr id="line-box-direction-vrl-005-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-016.xht">line-box-direction-016</a></strong></td> + <a href="line-box-direction-vrl-005.xht">line-box-direction-vrl-005</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-cell and 'vertical-lr' - ordering direction of line boxes + <td>'float: left' and 'vertical-rl' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> + <li>This test checks that the line boxes of a left-floated box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left.</li> </ul> </td> </tr> - <tr id="line-box-direction-017-3.1" class="primary ahem"> + <tr id="line-box-direction-vrl-006-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-017.xht">line-box-direction-017</a></strong></td> + <a href="line-box-direction-vrl-006.xht">line-box-direction-vrl-006</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-caption and 'vertical-rl' - ordering direction of line boxes + <td>'float: left' and 'vertical-rl' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> + <li>This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'vertical-rl' will be ordered from right to left.</li> </ul> </td> </tr> - <tr id="line-box-direction-018-3.1" class="primary ahem"> + <tr id="line-box-direction-vrl-009-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-018.xht">line-box-direction-018</a></strong></td> + <a href="line-box-direction-vrl-009.xht">line-box-direction-vrl-009</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-caption and 'vertical-lr' - ordering direction of line boxes + <td>position absolute and 'vertical-rl' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> + <li>This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left.</li> </ul> </td> </tr> - <tr id="line-box-direction-019-3.1" class="primary ahem"> + <tr id="line-box-direction-vrl-011-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-019.xht">line-box-direction-019</a></strong></td> + <a href="line-box-direction-vrl-011.xht">line-box-direction-vrl-011</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>list and 'vertical-rl' - ordering direction of line boxes + <td>inline-block and 'vertical-rl' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...</li> + <li>This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> </ul> </td> </tr> - <tr id="line-box-direction-020-3.1" class="primary ahem"> + <tr id="line-box-direction-vrl-012-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-020.xht">line-box-direction-020</a></strong></td> + <a href="line-box-direction-vrl-012.xht">line-box-direction-vrl-012</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>list and 'vertical-lr' - ordering direction of line boxes + <td>inline-block and 'vertical-rl' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...</li> + <li>This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-vrl-015-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-vrl-015.xht">line-box-direction-vrl-015</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-cell and 'vertical-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-vrl-017-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-vrl-017.xht">line-box-direction-vrl-017</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-caption and 'vertical-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-vrl-019-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-vrl-019.xht">line-box-direction-vrl-019</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>list and 'vertical-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...</li> </ul> </td> </tr> @@ -899,6 +1174,28 @@ </ul> </td> </tr> + <tr id="page-flow-direction-slr-005-3.1" class="primary image paged"> + <td><strong> + <a href="page-flow-direction-slr-005.xht">page-flow-direction-slr-005</a></strong></td> + <td></td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> + <td>'writing-mode: sideways-lr' - default page flow (progression) direction + <ul class="assert"> + <li>This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right.</li> + </ul> + </td> + </tr> + <tr id="page-flow-direction-srl-004-3.1" class="primary image paged"> + <td><strong> + <a href="page-flow-direction-srl-004.xht">page-flow-direction-srl-004</a></strong></td> + <td></td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> + <td>'writing-mode: sideways-rl' - default page flow (progression) direction + <ul class="assert"> + <li>This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is right-to-left.</li> + </ul> + </td> + </tr> <tr id="replaced-content-image-002-3.1" class="primary should"> <td><strong> <a href="replaced-content-image-002.xht">replaced-content-image-002</a></strong></td> @@ -921,64 +1218,75 @@ </ul> </td> </tr> - <tr id="row-progression-002-3.1" class="primary ahem"> + <tr id="row-progression-slr-023-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-002.xht">row-progression-002</a></strong></td> + <a href="row-progression-slr-023.xht">row-progression-slr-023</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - table rows progression + <td>sideways-lr - table rows progression <ul class="assert"> - <li>This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...</li> + <li>This test checks that rows of a table element with in a 'sideways-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells and table columns in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top.</li> </ul> </td> </tr> - <tr id="row-progression-003-3.1" class="primary ahem"> + <tr id="row-progression-slr-029-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-003.xht">row-progression-003</a></strong></td> + <a href="row-progression-slr-029.xht">row-progression-slr-029</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-lr - table rows progression + <td>sideways-lr - table rows progression (thead, 2 tbodies, tfoot) <ul class="assert"> - <li>This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc...</li> + <li>This test checks that rows of a table element with in a 'sideways-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells and table columns in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top.</li> </ul> </td> </tr> - <tr id="row-progression-004-3.1" class="primary ahem"> + <tr id="row-progression-srl-022-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-004.xht">row-progression-004</a></strong></td> + <a href="row-progression-srl-022.xht">row-progression-srl-022</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - table rows progression and colspan + <td>sideways-rl - table rows progression <ul class="assert"> - <li>This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction.</li> + <li>This test checks that rows of a table element with in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="row-progression-005-3.1" class="primary ahem"> + <tr id="row-progression-srl-028-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-005.xht">row-progression-005</a></strong></td> + <a href="row-progression-srl-028.xht">row-progression-srl-028</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-lr - table rows progression and colspan + <td>sideways-rl - table rows progression (thead, 2 tbodies, tfoot) <ul class="assert"> - <li>This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction.</li> + <li>This test checks that rows of a table element with in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="row-progression-006-3.1" class="primary ahem"> + <tr id="row-progression-vlr-003-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-006.xht">row-progression-006</a></strong></td> + <a href="row-progression-vlr-003.xht">row-progression-vlr-003</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - table rows progression and rowspan + <td>vertical-lr - table rows progression <ul class="assert"> - <li>This test checks that rowspanned cells in a table are handled according to a right-to-left direction.</li> + <li>This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc...</li> + </ul> + </td> + </tr> + <tr id="row-progression-vlr-005-3.1" class="primary ahem"> + <td><strong> + <a href="row-progression-vlr-005.xht">row-progression-vlr-005</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-lr - table rows progression and colspan + <ul class="assert"> + <li>This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction.</li> </ul> </td> </tr> - <tr id="row-progression-007-3.1" class="primary ahem"> + <tr id="row-progression-vlr-007-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-007.xht">row-progression-007</a></strong></td> + <a href="row-progression-vlr-007.xht">row-progression-vlr-007</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>vertical-lr - table rows progression and rowspan @@ -987,25 +1295,102 @@ </ul> </td> </tr> - <tr id="row-progression-008-3.1" class="primary ahem"> + <tr id="row-progression-vlr-009-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-008.xht">row-progression-008</a></strong></td> + <a href="row-progression-vlr-009.xht">row-progression-vlr-009</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - table rows progression (thead, 2 tbodies, tfoot) + <td>vertical-lr - table rows progression (thead, 2 tbodies, tfoot) + <ul class="assert"> + <li>This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top.</li> + </ul> + </td> + </tr> + <tr id="row-progression-vrl-002-3.1" class="primary ahem"> + <td><strong> + <a href="row-progression-vrl-002.xht">row-progression-vrl-002</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-rl - table rows progression <ul class="assert"> <li>This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="row-progression-009-3.1" class="primary ahem"> + <tr id="row-progression-vrl-004-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-009.xht">row-progression-009</a></strong></td> + <a href="row-progression-vrl-004.xht">row-progression-vrl-004</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-lr - table rows progression (thead, 2 tbodies, tfoot) + <td>vertical-rl - table rows progression and colspan <ul class="assert"> - <li>This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc...</li> + <li>This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction.</li> + </ul> + </td> + </tr> + <tr id="row-progression-vrl-006-3.1" class="primary ahem"> + <td><strong> + <a href="row-progression-vrl-006.xht">row-progression-vrl-006</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-rl - table rows progression and rowspan + <ul class="assert"> + <li>This test checks that rowspanned cells in a table are handled according to a right-to-left direction.</li> + </ul> + </td> + </tr> + <tr id="row-progression-vrl-008-3.1" class="primary ahem"> + <td><strong> + <a href="row-progression-vrl-008.xht">row-progression-vrl-008</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-rl - table rows progression (thead, 2 tbodies, tfoot) + <ul class="assert"> + <li>This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...</li> + </ul> + </td> + </tr> + <tr id="table-progression-slr-001-3.1" class="primary"> + <td><strong> + <a href="table-progression-slr-001.xht">table-progression-slr-001</a></strong></td> + <td><a href="reference/table-progression-slr-001-ref.xht">=</a> </td> + <td></td> + <td>sideways-lr Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that sideways-lr tables order rows/rowgroups left to right and cells bottom-to-top (LTR) or top-to-bottom (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-slr-002-3.1" class="primary"> + <td><strong> + <a href="table-progression-slr-002.xht">table-progression-slr-002</a></strong></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> + <td></td> + <td>sideways-lr Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that sideways-lr tables order columns bottom-to-top (LTR) or top-to-bottom (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-srl-001-3.1" class="primary"> + <td><strong> + <a href="table-progression-srl-001.xht">table-progression-srl-001</a></strong></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> + <td></td> + <td>sideways-rl Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that sideways-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-srl-002-3.1" class="primary"> + <td><strong> + <a href="table-progression-srl-002.xht">table-progression-srl-002</a></strong></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> + <td></td> + <td>sideways-rl Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that sideways-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> </ul> </td> </tr> @@ -1101,17 +1486,6 @@ </ul> </td> </tr> - <tr id="writing-mode-stretch-001-3.1" class="primary"> - <td><strong> - <a href="writing-mode-stretch-001.xht">writing-mode-stretch-001</a></strong></td> - <td><a href="reference/writing-mode-stretch-001-ref.xht">=</a> </td> - <td></td> - <td>writing-mode vertical-lr and vertical-rl - <ul class="assert"> - <li>vertical-writing-mode flex items should stretch</li> - </ul> - </td> - </tr> <tr id="writing-mode-vertical-rl-003-3.1" class="primary ahem"> <td><strong> <a href="writing-mode-vertical-rl-003.xht">writing-mode-vertical-rl-003</a></strong></td> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-4.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-4.xht index 5c9eb2e4517..026e31eff53 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-4.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-4.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Inline-level Alignment (30 tests)</h2> + <h2>Inline-level Alignment (36 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -49,7 +49,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s4.2">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines">4.2 Text Baselines</a></th></tr> - <!-- 8 tests --> + <!-- 14 tests --> <tr id="central-baseline-alignment-002-4.2" class="primary ahem"> <td><strong> <a href="central-baseline-alignment-002.xht">central-baseline-alignment-002</a></strong></td> @@ -72,43 +72,87 @@ </ul> </td> </tr> - <tr id="text-baseline-002-4.2" class="primary ahem"> + <tr id="text-baseline-slr-009-4.2" class="primary ahem"> <td><strong> - <a href="text-baseline-002.xht">text-baseline-002</a></strong></td> - <td><a href="reference/text-baseline-002-ref.xht">=</a> </td> + <a href="text-baseline-slr-009.xht">text-baseline-slr-009</a></strong></td> + <td><a href="reference/text-baseline-slr-009-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>text baseline alignment - central alignment with vertical layout + <td>text baseline alignment - alphabetical alignment with vertical layout <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.</li> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'mixed', then the alphabetical baseline is used as the dominant baseline.</li> </ul> </td> </tr> - <tr id="text-baseline-003-4.2" class="primary ahem"> + <tr id="text-baseline-slr-011-4.2" class="primary ahem"> <td><strong> - <a href="text-baseline-003.xht">text-baseline-003</a></strong></td> - <td><a href="reference/text-baseline-002-ref.xht">=</a> </td> + <a href="text-baseline-slr-011.xht">text-baseline-slr-011</a></strong></td> + <td><a href="reference/text-baseline-slr-009-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>text baseline alignment - central alignment with vertical layout + <td>text baseline alignment - alphabetical alignment with vertical layout <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.</li> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'upright', then the alphabetical baseline is used as the dominant baseline.</li> + </ul> + </td> + </tr> + <tr id="text-baseline-slr-013-4.2" class="primary ahem"> + <td><strong> + <a href="text-baseline-slr-013.xht">text-baseline-slr-013</a></strong></td> + <td><a href="reference/text-baseline-slr-009-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - alphabetical alignment with vertical layout + <ul class="assert"> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> + </ul> + </td> + </tr> + <tr id="text-baseline-srl-008-4.2" class="primary ahem"> + <td><strong> + <a href="text-baseline-srl-008.xht">text-baseline-srl-008</a></strong></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - alphabetical alignment with vertical layout + <ul class="assert"> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'mixed', then the alphabetical baseline is used as the dominant baseline.</li> + </ul> + </td> + </tr> + <tr id="text-baseline-srl-010-4.2" class="primary ahem"> + <td><strong> + <a href="text-baseline-srl-010.xht">text-baseline-srl-010</a></strong></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - alphabetical alignment with vertical layout + <ul class="assert"> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'upright', then the alphabetical baseline is used as the dominant baseline.</li> + </ul> + </td> + </tr> + <tr id="text-baseline-srl-012-4.2" class="primary ahem"> + <td><strong> + <a href="text-baseline-srl-012.xht">text-baseline-srl-012</a></strong></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - alphabetical alignment with vertical layout + <ul class="assert"> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> </ul> </td> </tr> - <tr id="text-baseline-004-4.2" class="primary ahem"> + <tr id="text-baseline-vlr-003-4.2" class="primary ahem"> <td><strong> - <a href="text-baseline-004.xht">text-baseline-004</a></strong></td> - <td><a href="reference/text-baseline-002-ref.xht">=</a> </td> + <a href="text-baseline-vlr-003.xht">text-baseline-vlr-003</a></strong></td> + <td><a href="reference/text-baseline-vrl-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>text baseline alignment - central alignment with vertical layout <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline.</li> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.</li> </ul> </td> </tr> - <tr id="text-baseline-005-4.2" class="primary ahem"> + <tr id="text-baseline-vlr-005-4.2" class="primary ahem"> <td><strong> - <a href="text-baseline-005.xht">text-baseline-005</a></strong></td> - <td><a href="reference/text-baseline-002-ref.xht">=</a> </td> + <a href="text-baseline-vlr-005.xht">text-baseline-vlr-005</a></strong></td> + <td><a href="reference/text-baseline-vrl-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>text baseline alignment - central alignment with vertical layout <ul class="assert"> @@ -116,25 +160,47 @@ </ul> </td> </tr> - <tr id="text-baseline-006-4.2" class="primary ahem"> + <tr id="text-baseline-vlr-007-4.2" class="primary ahem"> <td><strong> - <a href="text-baseline-006.xht">text-baseline-006</a></strong></td> - <td><a href="reference/text-baseline-006-ref.xht">=</a> </td> + <a href="text-baseline-vlr-007.xht">text-baseline-vlr-007</a></strong></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>text baseline alignment - alphabetical alignment with vertical layout <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> + </ul> + </td> + </tr> + <tr id="text-baseline-vrl-002-4.2" class="primary ahem"> + <td><strong> + <a href="text-baseline-vrl-002.xht">text-baseline-vrl-002</a></strong></td> + <td><a href="reference/text-baseline-vrl-002-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - central alignment with vertical layout + <ul class="assert"> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.</li> + </ul> + </td> + </tr> + <tr id="text-baseline-vrl-004-4.2" class="primary ahem"> + <td><strong> + <a href="text-baseline-vrl-004.xht">text-baseline-vrl-004</a></strong></td> + <td><a href="reference/text-baseline-vrl-002-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - central alignment with vertical layout + <ul class="assert"> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline.</li> </ul> </td> </tr> - <tr id="text-baseline-007-4.2" class="primary ahem"> + <tr id="text-baseline-vrl-006-4.2" class="primary ahem"> <td><strong> - <a href="text-baseline-007.xht">text-baseline-007</a></strong></td> - <td><a href="reference/text-baseline-006-ref.xht">=</a> </td> + <a href="text-baseline-vrl-006.xht">text-baseline-vrl-006</a></strong></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>text baseline alignment - alphabetical alignment with vertical layout <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/flexbox_align-items-stretch-writing-modes.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/flexbox_align-items-stretch-writing-modes.xht new file mode 100644 index 00000000000..9ceed4f9b51 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/flexbox_align-items-stretch-writing-modes.xht @@ -0,0 +1,58 @@ +<!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 Test: Flexbox align-items: stretch with writing-mode vertical-lr and vertical-rl</title> + <link href="mailto:mitsuteru.s@gmail.com" rel="author" title="Mitsuteru Sawa" /> + <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins Jr." /> + <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> + <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> + <link href="reference/flexbox_align-items-stretch-writing-modes-ref.xht" rel="match" /> + <meta content="vertical-writing-mode flex items should stretch" name="assert" /> + <style> + .container { + display: flex; + width: 250px; + } + .vertical-rl { + writing-mode: vertical-rl; + } + .vertical-lr { + writing-mode: vertical-lr; + } + .item { + background-color: green; + } + .square { + height: 50px; + width: 50px; + } + .error { + position: absolute; + background-color: red; + height: 100px; + width: 250px; + z-index: -1; + } + </style> +</head> +<body> + <p>The test passes if you see a green rectangle and no red.</p> + <div class="test"> + <div class="error"></div> + <div class="container"> + <div class="horizontal item"> + <div class="square"></div> + <div class="square"></div> + </div> + <div class="vertical-rl item"> + <div class="square"></div> + <div class="square"></div> + </div> + <div class="vertical-lr item"> + <div class="square"></div> + <div class="square"></div> + </div> + </div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-slr-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-slr-004.xht new file mode 100644 index 00000000000..92b64b72c75 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-slr-004.xht @@ -0,0 +1,56 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: order, orientation and layout of form controls in 'sideways-lr' writing-mode</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + + <meta content="image should" name="flags" /> + <meta content="This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'sideways-lr'." name="assert" /> + + <style type="text/css"><![CDATA[ + form + { + font-size: 18px; + writing-mode: sideways-lr; + } + + select + { + vertical-align: top; + } + ]]></style> + </head> + + <body> + + <form action=""> + <p><label>姓名 <input value="艾俐俐" size="10" /></label></p> + + <p><label>语言 <select size="1"><option>English</option> + <option>français</option> + <option>فارسی</option> + <option>中文</option> + <option>日本語</option></select></label></p> + </form> + + <p>Test passes if the characters and form controls of the form above have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong> as the ones of the form below:</p> + + <p><img src="support/form-controls-slr.png" width="180" height="185" alt="Image download support must be enabled" /> +<!-- + Long description of image: + Screenshot of vertical layout: the input element is laid lengthwise + from bottom to top and its content rendered in a vertical writing mode, + matching the label outside it. The drop-down selection control (located on + the input element's righthand side) slides out to the side (towards the + after edge of the block) rather than downward as it would in horizontal writing mode. + The Asian glyphs in the input element and in the drop-down selection + control are rotated 90 degrees counter-clockwise. +--> + </p> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-slr-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-slr-005.xht new file mode 100644 index 00000000000..15a2c4a2a37 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-slr-005.xht @@ -0,0 +1,56 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: form controls in 'sideways-lr' writing-mode</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + + <meta content="should" name="flags" /> + <meta content="This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'sideways-lr' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from bottom to top, b) the glyphs must be rotated 90° counter-clockwise and c) the block flow direction must be from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + form + { + font-size: 1.25em; + writing-mode: sideways-lr; + } + ]]></style> + </head> + + <body> + + <p>Test passes if a) the form controls are appearing with Text sample1 on the left of the page and with Text sample10 on the right and if b) each of the 10 "Text sample" in the form controls are <strong>rotated 90° counter-clockwise</strong>.</p> + + <form action=""> + + <p><input value="Text sample1" size="12" /></p> + + <p> + <select size="3"> + <optgroup label="Text sample2"> + <option>Text sample3</option> + <option>Text sample4</option> + </optgroup> + </select> + </p> + + <p><textarea cols="12" rows="2">Text sample5</textarea></p> + + <p><input type="button" value="Text sample6" /></p> + + <p><input type="submit" value="Text sample7" /></p> + + <p><input type="reset" value="Text sample8" /></p> + + <p><button type="button">Text sample9</button></p> + + <p><button type="submit">Text sample10</button></p> + + </form> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-srl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-srl-004.xht new file mode 100644 index 00000000000..606f0f9bb3e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-srl-004.xht @@ -0,0 +1,57 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: order, orientation and layout of form controls in 'sideways-rl' writing-mode</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + + <meta content="image should" name="flags" /> + <meta content="This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'sideways-rl'." name="assert" /> + + <style type="text/css"><![CDATA[ + form + { + font-size: 18px; + margin-left: 5em; + writing-mode: sideways-rl; + } + + select + { + vertical-align: top; + } + ]]></style> + </head> + + <body> + + <form action=""> + <p><label>姓名 <input value="艾俐俐" size="10" /></label></p> + + <p><label>语言 <select size="1"><option>English</option> + <option>français</option> + <option>فارسی</option> + <option>中文</option> + <option>日本語</option></select></label></p> + </form> + + <p>Test passes if the characters and form controls of the form above have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong> as the ones of the form below:</p> + + <p><img src="support/form-controls-srl.png" width="180" height="185" alt="Image download support must be enabled" /> +<!-- + Long description of image: + Screenshot of vertical layout: the input element is laid lengthwise + from top to bottom and its content rendered in a vertical writing mode, + matching the label outside it. The drop-down selection control (located on + the input element's lefthand side) slides out to the side (towards the + after edge of the block) rather than downward as it would in horizontal writing mode. + The Asian glyphs in the input element and in the drop-down selection + control are rotated 90 degrees clockwise. +--> + </p> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-srl-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-srl-005.xht new file mode 100644 index 00000000000..3239f434b0b --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-srl-005.xht @@ -0,0 +1,56 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: form controls in 'sideways-rl' writing-mode</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + + <meta content="should" name="flags" /> + <meta content="This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'sideways-rl' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90° clockwise and c) the block flow direction must be from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + form + { + font-size: 1.25em; + writing-mode: sideways-rl; + } + ]]></style> + </head> + + <body> + + <p>Test passes if a) the form controls are appearing with Text sample1 on the right of the page and with Text sample10 on the left and if b) each of the 10 "Text sample" in the form controls are <strong>rotated 90° clockwise</strong>.</p> + + <form action=""> + + <p><input value="Text sample1" size="12" /></p> + + <p> + <select size="3"> + <optgroup label="Text sample2"> + <option>Text sample3</option> + <option>Text sample4</option> + </optgroup> + </select> + </p> + + <p><textarea cols="12" rows="2">Text sample5</textarea></p> + + <p><input type="button" value="Text sample6" /></p> + + <p><input type="submit" value="Text sample7" /></p> + + <p><input type="reset" value="Text sample8" /></p> + + <p><button type="button">Text sample9</button></p> + + <p><button type="submit">Text sample10</button></p> + + </form> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vert-rl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vert-rl-004.xht deleted file mode 100644 index 49b0ca63397..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vert-rl-004.xht +++ /dev/null @@ -1,57 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: order, orientation and layout of form controls in 'vertical-rl' writing-mode</title> - - <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> - <link rel="bookmark" type="image/png" href="http://www.w3.org/TR/css-writing-modes-3/vertical-form.png" title="Screenshot of vertical layout of form controls and characters" /> - <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - - <meta content="image should" name="flags" /> - <meta content="This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1." name="assert" /> - - <style type="text/css"><![CDATA[ - form - { - font-size: 18px; - margin-left: 5em; - writing-mode: vertical-rl; - } - - select - { - vertical-align: top; - } - ]]></style> - </head> - - <body> - - <form action=""> - <p><label>姓名 <input value="艾俐俐" size="10" /></label></p> - - <p><label>语言 <select size="1"><option>English</option> - <option>français</option> - <option>فارسی</option> - <option>中文</option> - <option>日本語</option></select></label></p> - </form> - - <p>Test passes if the characters and form controls of the form above have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong> as the ones of the form below:</p> - - <p><img src="support/vertical-form.png" width="182" height="266" alt="Image download support must be enabled" /> -<!-- - original source of the image is: - http://www.w3.org/TR/css-writing-modes-3/vertical-form.png - longdesc="Screenshot of vertical layout: the input element is laid lengthwise - from top to botom and its contents rendered in a vertical writing mode, - matching the lbels outside it. The drop-down selection control after it slides - out to the sid (towards the after edge of the block) rather than downward as - it would in hoizontal writing modes." ---> - </p> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vert-rl-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vert-rl-005.xht deleted file mode 100644 index 7d3b44ae38e..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vert-rl-005.xht +++ /dev/null @@ -1,58 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: form controls in 'vertical-rl' writing-mode</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - - <meta content="should" name="flags" /> - <meta content="This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'vertical-rl' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90° clockwise and c) the block flow direction must be from right to left." name="assert" /> - - <style type="text/css"><![CDATA[ - form - { - font-size: 1.25em; - height: auto; - writing-mode: vertical-rl; - } - - form > p { margin-right: 1em; } - ]]></style> - </head> - - <body> - - <p>Test passes if a) the form controls are appearing with Text sample1 on the left of the page and with Text sample10 on the right and if b) each of the 10 "Text sample" in the form controls are <strong>rotated 90° clockwise</strong>.</p> - - <form action=""> - - <p><button type="submit">Text sample10</button></p> - - <p><button type="button">Text sample9</button></p> - - <p><input type="reset" value="Text sample8" /></p> - - <p><input type="submit" value="Text sample7" /></p> - - <p><input type="button" value="Text sample6" /></p> - - <p><textarea cols="12" rows="2">Text sample5</textarea></p> - - <p> - <select size="3"> - <optgroup label="Text sample4"> - <option>Text sample3</option> - <option>Text sample2</option> - </optgroup> - </select> - </p> - - <p><input value="Text sample1" size="12" /></p> - </form> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vlr-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vlr-004.xht new file mode 100644 index 00000000000..3f5f0cfb3bc --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vlr-004.xht @@ -0,0 +1,56 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: order, orientation and layout of form controls in 'vertical-lr' writing-mode</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + + <meta content="image should" name="flags" /> + <meta content="This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'vertical-lr'." name="assert" /> + + <style type="text/css"><![CDATA[ + form + { + font-size: 18px; + writing-mode: vertical-lr; + } + + select + { + vertical-align: top; + } + ]]></style> + </head> + + <body> + + <form action=""> + <p><label>姓名 <input value="艾俐俐" size="10" /></label></p> + + <p><label>语言 <select size="1"><option>English</option> + <option>français</option> + <option>فارسی</option> + <option>中文</option> + <option>日本語</option></select></label></p> + </form> + + <p>Test passes if the characters and form controls of the form above have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong> as the ones of the form below:</p> + + <p><img src="support/form-controls-vlr.png" width="188" height="228" alt="Image download support must be enabled" /> +<!-- + Long description of image: + Screenshot of vertical layout: the input element is laid lengthwise + from top to bottom and its content rendered in a vertical writing mode, + matching the label outside it. The drop-down selection control (located on + the input element's righthand side) slides out to the side (towards the + after edge of the block) rather than downward as it would in horizontal writing mode. + The Asian glyphs in the input element and in the drop-down selection + control are translated upright. +--> + </p> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vlr-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vlr-005.xht new file mode 100644 index 00000000000..9496bb1a393 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vlr-005.xht @@ -0,0 +1,56 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: form controls in 'vertical-lr' writing-mode</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + + <meta content="should" name="flags" /> + <meta content="This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'vertical-lr' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90° clockwise and c) the block flow direction must be from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + form + { + font-size: 1.25em; + writing-mode: vertical-lr; + } + ]]></style> + </head> + + <body> + + <p>Test passes if a) the form controls are appearing with Text sample1 on the left of the page and with Text sample10 on the right and if b) each of the 10 "Text sample" in the form controls are <strong>rotated 90° clockwise</strong>.</p> + + <form action=""> + + <p><input value="Text sample1" size="12" /></p> + + <p> + <select size="3"> + <optgroup label="Text sample2"> + <option>Text sample3</option> + <option>Text sample4</option> + </optgroup> + </select> + </p> + + <p><textarea cols="12" rows="2">Text sample5</textarea></p> + + <p><input type="button" value="Text sample6" /></p> + + <p><input type="submit" value="Text sample7" /></p> + + <p><input type="reset" value="Text sample8" /></p> + + <p><button type="button">Text sample9</button></p> + + <p><button type="submit">Text sample10</button></p> + + </form> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vrl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vrl-004.xht new file mode 100644 index 00000000000..1b93e01b751 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vrl-004.xht @@ -0,0 +1,60 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: order, orientation and layout of form controls in 'vertical-rl' writing-mode</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="bookmark" type="image/png" href="http://www.w3.org/TR/css-writing-modes-3/vertical-form.png" title="Screenshot of vertical layout of form controls and characters" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + + <meta content="image should" name="flags" /> + <meta content="This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'vertical-rl'." name="assert" /> + + <style type="text/css"><![CDATA[ + form + { + font-size: 18px; + margin-left: 5em; + writing-mode: vertical-rl; + } + + select + { + vertical-align: top; + } + ]]></style> + </head> + + <body> + + <form action=""> + <p><label>姓名 <input value="艾俐俐" size="10" /></label></p> + + <p><label>语言 <select size="1"><option>English</option> + <option>français</option> + <option>فارسی</option> + <option>中文</option> + <option>日本語</option></select></label></p> + </form> + + <p>Test passes if the characters and form controls of the form above have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong> as the ones of the form below:</p> + + <p><img src="support/vertical-form.png" width="182" height="266" alt="Image download support must be enabled" /> +<!-- + original source of the image is: + http://www.w3.org/TR/css-writing-modes-3/vertical-form.png + Long description of image: + Screenshot of vertical layout: the input element is laid lengthwise + from top to bottom and its content rendered in a vertical writing mode, + matching the label outside it. The drop-down selection control (located on + the input element's lefthand side) slides out to the side (towards the + after edge of the block) rather than downward as it would in horizontal writing mode. + The Asian glyphs in the input element and in the drop-down selection + control are translated upright. +--> + </p> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vrl-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vrl-005.xht new file mode 100644 index 00000000000..b7ae53297a1 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vrl-005.xht @@ -0,0 +1,56 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: form controls in 'vertical-rl' writing-mode</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + + <meta content="should" name="flags" /> + <meta content="This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'vertical-rl' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90° clockwise and c) the block flow direction must be from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + form + { + font-size: 1.25em; + writing-mode: vertical-rl; + } + ]]></style> + </head> + + <body> + + <p>Test passes if a) the form controls are appearing with Text sample1 on the right of the page and with Text sample10 on the left and if b) each of the 10 "Text sample" in the form controls are <strong>rotated 90° clockwise</strong>.</p> + + <form action=""> + + <p><input value="Text sample1" size="12" /></p> + + <p> + <select size="3"> + <optgroup label="Text sample2"> + <option>Text sample3</option> + <option>Text sample4</option> + </optgroup> + </select> + </p> + + <p><textarea cols="12" rows="2">Text sample5</textarea></p> + + <p><input type="button" value="Text sample6" /></p> + + <p><input type="submit" value="Text sample7" /></p> + + <p><input type="reset" value="Text sample8" /></p> + + <p><button type="button">Text sample9</button></p> + + <p><button type="submit">Text sample10</button></p> + + </form> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-002.xht deleted file mode 100644 index efc13247eb8..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-002.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: vertical-rl - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc..." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-rl; - } - ]]></style> - </head> - - <body> - - <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-003.xht deleted file mode 100644 index 60f3e20e7b7..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-003.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: vertical-lr - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc... " name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-lr; - } - ]]></style> - </head> - - <body> - - <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-005.xht deleted file mode 100644 index 6662116cb61..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-005.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: 'float: left' and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that the line boxes of a left-floated box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - float: left; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-rl; - } - ]]></style> - </head> - - <body> - - <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-006.xht deleted file mode 100644 index 1ff27f7be91..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-006.xht +++ /dev/null @@ -1,65 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: 'float: left' and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'vertical-lr' will be ordered from right to left." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div.floated-left - { - background-color: blue; - border-bottom: blue solid 1em; - border-left: blue solid 1em; - border-top: blue solid 1em; - float: left; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-rl; - } - - div#right-border { border-right: blue solid 1em; } - ]]></style> - </head> - - <body> - - - <div class="floated-left"> - -<!-- The "P" --> eeee f g h j kkkkkkk - - </div> - - <div class="floated-left"> - -<!-- The "A" --> YYYYYYY Z a b c ddddddd - - </div> - - <div class="floated-left"> - -<!-- The left-most "S" --> L MMMM Q R S T U V WWWW X - - </div> - - <div class="floated-left" id="right-border"> - -<!-- The right-most "S" --> A BBBB C D E F G H JJJJ K - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-007.xht deleted file mode 100644 index 3ac46c67c27..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-007.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: 'float: right' and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that the line boxes of a right-floated box with its 'writing-mode' set to 'vertical-lr' will be ordered from left to right." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - float: right; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-lr; - } - ]]></style> - </head> - - <body> - - <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-008.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-008.xht deleted file mode 100644 index d7966f23404..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-008.xht +++ /dev/null @@ -1,64 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: 'float: right' and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that the line boxes of right-floated boxes with 'writing-mode' set to 'vertical-lr' will be ordered from left to right." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div.floated-right - { - background-color: blue; - border-bottom: blue solid 1em; - border-right: blue solid 1em; - border-top: blue solid 1em; - float: right; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-lr; - } - - div#left-border { border-left: blue solid 1em; } - ]]></style> - </head> - - <body> - - <div class="floated-right"> - -<!-- The right-most "S" --> aaaa b c d e f g h j kkkk - - </div> - - <div class="floated-right"> - -<!-- The left-most "S" --> NNNN Q R S T U V W X YYYY - - </div> - - <div class="floated-right"> - -<!-- The "A" --> GGGGGGG H J K L MMMMMMM - - </div> - - <div class="floated-right" id="left-border"> - -<!-- The "P" --> AAAAAAA B C D E FFFF - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-009.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-009.xht deleted file mode 100644 index 8ac208edace..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-009.xht +++ /dev/null @@ -1,39 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: position absolute and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - height: 7em; /* Each line box has an inline-size of 7em */ - left: auto; - position: absolute; - writing-mode: vertical-rl; - } - ]]></style> - </head> - - <body> - - <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-010.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-010.xht deleted file mode 100644 index 1d96cecb6a0..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-010.xht +++ /dev/null @@ -1,39 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: position absolute and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' will be ordered from left to right." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - height: 7em; /* Each line box has an inline-size of 7em */ - left: auto; - position: absolute; - writing-mode: vertical-lr; - } - ]]></style> - </head> - - <body> - - <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-011.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-011.xht deleted file mode 100644 index 729d5137726..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-011.xht +++ /dev/null @@ -1,66 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: inline-block and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-rl' are ordered from right to left." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#inline-block - { - background-color: blue; - border-right: blue solid 1em; - border-top: blue solid 1em; - display: inline-block; - height: 8em; /* Each line box has an inline-size of 8em */ - vertical-align: top; - /* - Why 'vertical-align: top' ? - See - http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html - for explanations - */ - writing-mode: vertical-rl; - } - - span - { - border-left: blue solid 1em; - display: block; - } - ]]></style> - </head> - - <body> - - <div> - - <div id="inline-block"> - -<!-- The right-most "S" --> <span>A BBBB C D E F G H JJJJ K</span> - -<!-- The left-most "S" --> <span>L MMMM Q R S T U V WWWW X</span> - -<!-- The "A" --> <span>YYYYYYY Z a b c ddddddd</span> - -<!-- The "P" --> <span>eeee f g h j kkkkkkk</span> - - </div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-012.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-012.xht deleted file mode 100644 index f1a0b336209..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-012.xht +++ /dev/null @@ -1,94 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: inline-block and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-rl' are ordered from right to left." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div.inline-block - { - background-color: blue; - border-right: blue solid 1em; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; - /* - Why 'vertical-align: top' ? - See - http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html - for explanations - */ - writing-mode: vertical-rl; - } - - span { display: block; } - - span#left-border { border-left: blue solid 1em; } - ]]></style> - </head> - - <body> - - <div> - - <div class="inline-block"> - -<!-- The right-most line of "P" --> <span>eeee </span> - -<!-- The 2nd right-most line of "P" --> <span>f g </span> - -<!-- The 3rd right-most line of "P" --> <span>h j </span> - -<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span> - - </div><div class="inline-block"> - -<!-- The right-most line of "A" --> <span>YYYYYYY</span> - -<!-- The 2nd right-most line of "A" --> <span>Z a </span> - -<!-- The 3rd right-most line of "A" --> <span>b c </span> - -<!-- The 4th right-most line of "A" --> <span>ddddddd</span> - - </div><div class="inline-block"> - -<!-- The right-most line of left-most "S" --> <span>L MMMM</span> - -<!-- The 2nd right-most line of left-most "S" --> <span>Q R S</span> - -<!-- The 3rd right-most line of left-most "S" --> <span>T U V</span> - -<!-- The 4th right-most line of left-most "S" --> <span>WWWW X</span> - - </div><div class="inline-block"> - -<!-- The right-most line of right-most "S" --> <span>A BBBB</span> - -<!-- The 2nd right-most line of right-most "S" --> <span>C D E</span> - -<!-- The 3rd right-most line of right-most "S" --> <span>F G H</span> - -<!-- The 4th right-most line of right-most "S" --> <span>JJJJ K</span> - - </div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-013.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-013.xht deleted file mode 100644 index b15c154a6df..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-013.xht +++ /dev/null @@ -1,59 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: inline-block and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-lr' are ordered from left to right." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#inline-block - { - background-color: blue; - border-right: blue solid 1em; - border-top: blue solid 1em; - display: inline-block; - height: 8em; /* Each line box has an inline-size of 8em */ - writing-mode: vertical-lr; - } - - span - { - border-left: blue solid 1em; - display: block; - } - ]]></style> - </head> - - <body> - - <div> - - <div id="inline-block"> - -<!-- The "P" --> <span>AAAAAAA B C D E FFFF </span> - -<!-- The "A" --> <span>GGGGGGG H J K L MMMMMMM</span> - -<!-- The left-most "S" --> <span>NNNN Q R S T U V W X YYYY</span> - -<!-- The right-most "S" --> <span>aaaa b c d e f g h j kkkk</span> - - </div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-014.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-014.xht deleted file mode 100644 index 65150832469..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-014.xht +++ /dev/null @@ -1,94 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: inline-block and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-lr' are ordered from left to right." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div.inline-block - { - background-color: blue; - border-left: blue solid 1em; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; - /* - Why 'vertical-align: top' ? - See - http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html - for explanations - */ - writing-mode: vertical-lr; - } - - span { display: block; } - - span#right-border { border-right: blue solid 1em; } - ]]></style> - </head> - - <body> - - <div> - - <div class="inline-block"> - -<!-- The 1st left-most line of "P" --> <span>AAAAAAA</span> - -<!-- The 2nd left-most line of "P" --> <span>B C </span> - -<!-- The 3rd left-most line of "P" --> <span>D E </span> - -<!-- The 4th left-most line of "P" --> <span>FFFF </span> - - </div><div class="inline-block"> - -<!-- The left-most line of "A" --> <span>GGGGGGG</span> - -<!-- The 2nd left-most line of "A" --> <span>H J </span> - -<!-- The 3rd left-most line of "A" --> <span>K L </span> - -<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span> - - </div><div class="inline-block"> - -<!-- The 1st left-most line of left-most "S" --> <span>NNNN Q</span> - -<!-- The 2nd left-most line of left-most "S" --> <span>R S T</span> - -<!-- The 3rd left-most line of left-most "S" --> <span>U V W</span> - -<!-- The 4th left-most line of left-most "S" --> <span>X YYYY</span> - - </div><div class="inline-block"> - -<!-- The left-most line of right-most "S" --> <span>aaaa b</span> - -<!-- The 2nd left-most line of right-most "S" --> <span>c d e</span> - -<!-- The 3rd left-most line of right-most "S" --> <span>f g h</span> - -<!-- The 4th left-most line of right-most "S" --> <span id="right-border">j kkkk</span> - - </div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-015.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-015.xht deleted file mode 100644 index 5e1e247def0..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-015.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: table-cell and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-rl' are ordered from right to left." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - display: table-cell; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-rl; - } - ]]></style> - </head> - - <body> - - <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-016.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-016.xht deleted file mode 100644 index 7fb58cd7486..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-016.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: table-cell and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-lr' are ordered from left to right." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - display: table-cell; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-lr; - } - ]]></style> - </head> - - <body> - - <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-017.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-017.xht deleted file mode 100644 index 8636701cda7..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-017.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: table-caption and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-rl' are ordered from right to left." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - display: table-caption; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-rl; - } - ]]></style> - </head> - - <body> - - <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-018.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-018.xht deleted file mode 100644 index ce729f70fdf..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-018.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: table-caption and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-lr' are ordered from left to right." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - display: table-caption; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-lr; - } - ]]></style> - </head> - - <body> - - <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-019.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-019.xht deleted file mode 100644 index f47d7fd3b6b..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-019.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: list and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc..." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - ul - { - background-color: blue; - border: blue solid 1em; - height: 7em; /* Each line box has an inline-size of 7em */ - list-style: none outside none; - margin: 0em; - padding-top: 0em; /* overriding default padding-start: 40px in several browsers */ - writing-mode: vertical-rl; - } - ]]></style> - </head> - - <body> - - <ul><li>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</li></ul> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-020.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-020.xht deleted file mode 100644 index 48dcd801c0a..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-020.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: list and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc... " name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - ul - { - background-color: blue; - border: blue solid 1em; - height: 7em; /* Each line box has an inline-size of 7em */ - list-style: none outside none; - margin: 0em; - padding-top: 0em; /* overriding default padding-start: 40px in several browsers */ - writing-mode: vertical-lr; - } - ]]></style> - </head> - - <body> - - <ul><li>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</li></ul> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-htb-001.xht index c2a0eacc63f..c2a0eacc63f 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-001.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-htb-001.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-043.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-043.xht new file mode 100644 index 00000000000..9c81f321ad3 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-043.xht @@ -0,0 +1,37 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-lr - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes in a block box with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc... " name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-lr; + } + ]]></style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-047.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-047.xht new file mode 100644 index 00000000000..669749a7e12 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-047.xht @@ -0,0 +1,38 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: right' and 'sideways-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the line boxes of a right-floated box with its 'writing-mode' set to 'sideways-lr' will be ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + float: right; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-lr; + } + ]]></style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-048.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-048.xht new file mode 100644 index 00000000000..39e919fff3b --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-048.xht @@ -0,0 +1,67 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: right' and 'sideways-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the line boxes of right-floated boxes with 'writing-mode' set to 'sideways-lr' will be ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.floated-right + { + background-color: blue; + border-bottom: blue solid 1em; + border-right: blue solid 1em; + border-top: blue solid 1em; + float: right; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-lr; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div class="floated-right"> + +<!-- The right-most "S" --> a bbbb c d e f g h jjjj k + + </div> + + <div class="floated-right"> + +<!-- The left-most "S" --> N QQQQ R S T U V W XXXX Y + + </div> + + <div class="floated-right"> + +<!-- The "A" --> GGGGGGG H J K L MMMMMMM + + </div> + + <div class="floated-right" id="left-border"> + +<!-- The "P" --> AAAAAAA B C D E FFFF + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-050.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-050.xht new file mode 100644 index 00000000000..ac10c48d4c2 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-050.xht @@ -0,0 +1,39 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: position absolute and 'sideways-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' will be ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + left: auto; + position: absolute; + writing-mode: sideways-lr; + } + ]]></style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-053.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-053.xht new file mode 100644 index 00000000000..31def67d4df --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-053.xht @@ -0,0 +1,59 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'sideways-lr' are ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-bottom: blue solid 1em; + border-right: blue solid 1em; + display: inline-block; + height: 8em; /* Each line box has an inline-size of 8em */ + writing-mode: sideways-lr; + } + + span + { + border-left: blue solid 1em; + display: block; + } + ]]></style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The "P" --> <span>AAAAAAA B C D E FFFF </span> + +<!-- The "A" --> <span>GGGGGGG H J K L MMMMMMM</span> + +<!-- The left-most "S" --> <span>N QQQQ R S T U V W XXXX Y</span> + +<!-- The right-most "S" --> <span>a bbbb c d e f g h jjjj k</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-054.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-054.xht new file mode 100644 index 00000000000..feb55517d7b --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-054.xht @@ -0,0 +1,100 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'sideways-lr' are ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.inline-block + { + background-color: blue; + border-bottom: blue solid 1em; + border-left: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-lr; + } + + span + { + display: block; + } + + span#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div class="inline-block"> + +<!-- The 1st left-most line of "P" --> <span>AAAAAAA</span> + +<!-- The 2nd left-most line of "P" --> <span> B C</span> + +<!-- The 3rd left-most line of "P" --> <span> D E</span> + +<!-- The 4th left-most line of "P" --> <span> FFFF</span> + + </div><div class="inline-block"> + +<!-- The left-most line of "A" --> <span>GGGGGGG</span> + +<!-- The 2nd left-most line of "A" --> <span> H J</span> + +<!-- The 3rd left-most line of "A" --> <span> K L</span> + +<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span> + + </div><div class="inline-block"> + +<!-- The 1st left-most line of left-most "S" --> <span>N QQQQ</span> + +<!-- The 2nd left-most line of left-most "S" --> <span>R S T</span> + +<!-- The 3rd left-most line of left-most "S" --> <span>U V W</span> + +<!-- The 4th left-most line of left-most "S" --> <span>XXXX Y</span> + + </div><div class="inline-block"> + +<!-- The left-most line of right-most "S" --> <span>a bbbb</span> + +<!-- The 2nd left-most line of right-most "S" --> <span>c d e</span> + +<!-- The 3rd left-most line of right-most "S" --> <span>f g h</span> + +<!-- The 4th left-most line of right-most "S" --> <span id="right-border">jjjj k</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-056.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-056.xht new file mode 100644 index 00000000000..4e4909e8731 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-056.xht @@ -0,0 +1,38 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-cell and 'sideways-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'sideways-lr' are ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + display: table-cell; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-lr; + } + ]]></style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-058.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-058.xht new file mode 100644 index 00000000000..778aba92b94 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-058.xht @@ -0,0 +1,38 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-caption and 'sideways-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'sideways-lr' are ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + display: table-caption; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-lr; + } + ]]></style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-060.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-060.xht new file mode 100644 index 00000000000..bbdb50cabe2 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-060.xht @@ -0,0 +1,40 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: list and 'sideways-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes in a block box with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc... " name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + ul + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + list-style: none outside none; + margin: 0em; + padding-bottom: 0em; /* overriding default padding-end: 40px in several browsers */ + writing-mode: sideways-lr; + } + ]]></style> + </head> + + <body> + + <ul><li>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k</li></ul> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-042.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-042.xht new file mode 100644 index 00000000000..2a197c22cb8 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-042.xht @@ -0,0 +1,37 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-rl - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes of a block box in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc..." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-rl; + } + ]]></style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-045.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-045.xht new file mode 100644 index 00000000000..d02bbadb994 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-045.xht @@ -0,0 +1,38 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: left' and 'sideways-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the line boxes of a left-floated box with its 'writing-mode' set to 'sideways-rl' will be ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + float: left; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-rl; + } + ]]></style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-046.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-046.xht new file mode 100644 index 00000000000..a944244bdc1 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-046.xht @@ -0,0 +1,68 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: left' and 'sideways-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'sideways-rl' will be ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.floated-left + { + background-color: blue; + border-bottom: blue solid 1em; + border-left: blue solid 1em; + border-top: blue solid 1em; + float: left; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-rl; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + + <div class="floated-left"> + +<!-- The "P" --> eeee f g h j kkkkkkk + + </div> + + <div class="floated-left"> + +<!-- The "A" --> YYYYYYY Z a b c ddddddd + + </div> + + <div class="floated-left"> + +<!-- The left-most "S" --> L MMMM Q R S T U V WWWW X + + </div> + + <div class="floated-left" id="right-border"> + +<!-- The right-most "S" --> A BBBB C D E F G H JJJJ K + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-049.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-049.xht new file mode 100644 index 00000000000..1066daf5da0 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-049.xht @@ -0,0 +1,39 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: position absolute and 'sideways-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' will be ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + left: auto; + position: absolute; + writing-mode: sideways-rl; + } + ]]></style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-051.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-051.xht new file mode 100644 index 00000000000..a851d63e7a2 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-051.xht @@ -0,0 +1,66 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'sideways-rl' are ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-right: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; /* Each line box has an inline-size of 8em */ + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-rl; + } + + span + { + border-left: blue solid 1em; + display: block; + } + ]]></style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The right-most "S" --> <span>A BBBB C D E F G H JJJJ K</span> + +<!-- The left-most "S" --> <span>L MMMM Q R S T U V WWWW X</span> + +<!-- The "A" --> <span>YYYYYYY Z a b c ddddddd</span> + +<!-- The "P" --> <span>eeee f g h j kkkkkkk</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-052.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-052.xht new file mode 100644 index 00000000000..c6a8bc7f03c --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-052.xht @@ -0,0 +1,100 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'sideways-rl' are ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.inline-block + { + background-color: blue; + border-right: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-rl; + } + + span + { + display: block; + } + + span#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div class="inline-block"> + +<!-- The right-most line of "P" --> <span>eeee </span> + +<!-- The 2nd right-most line of "P" --> <span>f g </span> + +<!-- The 3rd right-most line of "P" --> <span>h j </span> + +<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span> + + </div><div class="inline-block"> + +<!-- The right-most line of "A" --> <span>YYYYYYY</span> + +<!-- The 2nd right-most line of "A" --> <span>Z a </span> + +<!-- The 3rd right-most line of "A" --> <span>b c </span> + +<!-- The 4th right-most line of "A" --> <span>ddddddd</span> + + </div><div class="inline-block"> + +<!-- The right-most line of left-most "S" --> <span>L MMMM</span> + +<!-- The 2nd right-most line of left-most "S" --> <span>Q R S</span> + +<!-- The 3rd right-most line of left-most "S" --> <span>T U V</span> + +<!-- The 4th right-most line of left-most "S" --> <span>WWWW X</span> + + </div><div class="inline-block"> + +<!-- The right-most line of right-most "S" --> <span>A BBBB</span> + +<!-- The 2nd right-most line of right-most "S" --> <span>C D E</span> + +<!-- The 3rd right-most line of right-most "S" --> <span>F G H</span> + +<!-- The 4th right-most line of right-most "S" --> <span>JJJJ K</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-055.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-055.xht new file mode 100644 index 00000000000..a24473c9812 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-055.xht @@ -0,0 +1,38 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-cell and 'sideways-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'sideways-rl' are ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + display: table-cell; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-rl; + } + ]]></style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-057.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-057.xht new file mode 100644 index 00000000000..3df975332c6 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-057.xht @@ -0,0 +1,38 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-caption and 'sideways-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'sideways-rl' are ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + display: table-caption; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-rl; + } + ]]></style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-059.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-059.xht new file mode 100644 index 00000000000..a4c2a46ff2d --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-059.xht @@ -0,0 +1,40 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: list and 'sideways-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes of a block box in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc..." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + ul + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + list-style: none outside none; + margin: 0em; + padding-top: 0em; /* overriding default padding-start: 40px in several browsers */ + writing-mode: sideways-rl; + } + ]]></style> + </head> + + <body> + + <ul><li>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</li></ul> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-003.xht new file mode 100644 index 00000000000..50685d30b83 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-003.xht @@ -0,0 +1,37 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: vertical-lr - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc... " name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-lr; + } + ]]></style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-007.xht new file mode 100644 index 00000000000..519e19a0976 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-007.xht @@ -0,0 +1,38 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: right' and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the line boxes of a right-floated box with its 'writing-mode' set to 'vertical-lr' will be ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + float: right; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-lr; + } + ]]></style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-008.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-008.xht new file mode 100644 index 00000000000..5633f22db99 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-008.xht @@ -0,0 +1,67 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: right' and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the line boxes of right-floated boxes with 'writing-mode' set to 'vertical-lr' will be ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.floated-right + { + background-color: blue; + border-bottom: blue solid 1em; + border-right: blue solid 1em; + border-top: blue solid 1em; + float: right; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-lr; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div class="floated-right"> + +<!-- The right-most "S" --> aaaa b c d e f g h j kkkk + + </div> + + <div class="floated-right"> + +<!-- The left-most "S" --> NNNN Q R S T U V W X YYYY + + </div> + + <div class="floated-right"> + +<!-- The "A" --> GGGGGGG H J K L MMMMMMM + + </div> + + <div class="floated-right" id="left-border"> + +<!-- The "P" --> AAAAAAA B C D E FFFF + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-010.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-010.xht new file mode 100644 index 00000000000..5002a7b745b --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-010.xht @@ -0,0 +1,39 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: position absolute and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' will be ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + left: auto; + position: absolute; + writing-mode: vertical-lr; + } + ]]></style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-013.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-013.xht new file mode 100644 index 00000000000..b1a2af8c5c7 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-013.xht @@ -0,0 +1,59 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-lr' are ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-right: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; /* Each line box has an inline-size of 8em */ + writing-mode: vertical-lr; + } + + span + { + border-left: blue solid 1em; + display: block; + } + ]]></style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The "P" --> <span>AAAAAAA B C D E FFFF </span> + +<!-- The "A" --> <span>GGGGGGG H J K L MMMMMMM</span> + +<!-- The left-most "S" --> <span>NNNN Q R S T U V W X YYYY</span> + +<!-- The right-most "S" --> <span>aaaa b c d e f g h j kkkk</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-014.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-014.xht new file mode 100644 index 00000000000..4ac5a1efbd2 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-014.xht @@ -0,0 +1,100 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-lr' are ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.inline-block + { + background-color: blue; + border-left: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: vertical-lr; + } + + span + { + display: block; + } + + span#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div class="inline-block"> + +<!-- The 1st left-most line of "P" --> <span>AAAAAAA</span> + +<!-- The 2nd left-most line of "P" --> <span>B C </span> + +<!-- The 3rd left-most line of "P" --> <span>D E </span> + +<!-- The 4th left-most line of "P" --> <span>FFFF </span> + + </div><div class="inline-block"> + +<!-- The left-most line of "A" --> <span>GGGGGGG</span> + +<!-- The 2nd left-most line of "A" --> <span>H J </span> + +<!-- The 3rd left-most line of "A" --> <span>K L </span> + +<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span> + + </div><div class="inline-block"> + +<!-- The 1st left-most line of left-most "S" --> <span>NNNN Q</span> + +<!-- The 2nd left-most line of left-most "S" --> <span>R S T</span> + +<!-- The 3rd left-most line of left-most "S" --> <span>U V W</span> + +<!-- The 4th left-most line of left-most "S" --> <span>X YYYY</span> + + </div><div class="inline-block"> + +<!-- The left-most line of right-most "S" --> <span>aaaa b</span> + +<!-- The 2nd left-most line of right-most "S" --> <span>c d e</span> + +<!-- The 3rd left-most line of right-most "S" --> <span>f g h</span> + +<!-- The 4th left-most line of right-most "S" --> <span id="right-border">j kkkk</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-016.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-016.xht new file mode 100644 index 00000000000..b029d4cd00e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-016.xht @@ -0,0 +1,38 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-cell and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-lr' are ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + display: table-cell; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-lr; + } + ]]></style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-018.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-018.xht new file mode 100644 index 00000000000..ef621ca6d23 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-018.xht @@ -0,0 +1,38 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-caption and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-lr' are ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + display: table-caption; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-lr; + } + ]]></style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-020.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-020.xht new file mode 100644 index 00000000000..52eb02e6d39 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-020.xht @@ -0,0 +1,40 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: list and 'vertical-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc... " name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + ul + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + list-style: none outside none; + margin: 0em; + padding-top: 0em; /* overriding default padding-start: 40px in several browsers */ + writing-mode: vertical-lr; + } + ]]></style> + </head> + + <body> + + <ul><li>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</li></ul> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-002.xht new file mode 100644 index 00000000000..c942aea8f50 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-002.xht @@ -0,0 +1,37 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: vertical-rl - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc..." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-rl; + } + ]]></style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-005.xht new file mode 100644 index 00000000000..ed31569c254 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-005.xht @@ -0,0 +1,38 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: left' and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the line boxes of a left-floated box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + float: left; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-rl; + } + ]]></style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-006.xht new file mode 100644 index 00000000000..7bebde1c8c7 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-006.xht @@ -0,0 +1,68 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: left' and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'vertical-rl' will be ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.floated-left + { + background-color: blue; + border-bottom: blue solid 1em; + border-left: blue solid 1em; + border-top: blue solid 1em; + float: left; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-rl; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + + <div class="floated-left"> + +<!-- The "P" --> eeee f g h j kkkkkkk + + </div> + + <div class="floated-left"> + +<!-- The "A" --> YYYYYYY Z a b c ddddddd + + </div> + + <div class="floated-left"> + +<!-- The left-most "S" --> L MMMM Q R S T U V WWWW X + + </div> + + <div class="floated-left" id="right-border"> + +<!-- The right-most "S" --> A BBBB C D E F G H JJJJ K + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-009.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-009.xht new file mode 100644 index 00000000000..2a74eeb09e8 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-009.xht @@ -0,0 +1,39 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: position absolute and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + left: auto; + position: absolute; + writing-mode: vertical-rl; + } + ]]></style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-011.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-011.xht new file mode 100644 index 00000000000..260820d78f7 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-011.xht @@ -0,0 +1,66 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-rl' are ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-right: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; /* Each line box has an inline-size of 8em */ + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: vertical-rl; + } + + span + { + border-left: blue solid 1em; + display: block; + } + ]]></style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The right-most "S" --> <span>A BBBB C D E F G H JJJJ K</span> + +<!-- The left-most "S" --> <span>L MMMM Q R S T U V WWWW X</span> + +<!-- The "A" --> <span>YYYYYYY Z a b c ddddddd</span> + +<!-- The "P" --> <span>eeee f g h j kkkkkkk</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-012.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-012.xht new file mode 100644 index 00000000000..7fb18176c35 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-012.xht @@ -0,0 +1,100 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-rl' are ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.inline-block + { + background-color: blue; + border-right: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: vertical-rl; + } + + span + { + display: block; + } + + span#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div class="inline-block"> + +<!-- The right-most line of "P" --> <span>eeee </span> + +<!-- The 2nd right-most line of "P" --> <span>f g </span> + +<!-- The 3rd right-most line of "P" --> <span>h j </span> + +<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span> + + </div><div class="inline-block"> + +<!-- The right-most line of "A" --> <span>YYYYYYY</span> + +<!-- The 2nd right-most line of "A" --> <span>Z a </span> + +<!-- The 3rd right-most line of "A" --> <span>b c </span> + +<!-- The 4th right-most line of "A" --> <span>ddddddd</span> + + </div><div class="inline-block"> + +<!-- The right-most line of left-most "S" --> <span>L MMMM</span> + +<!-- The 2nd right-most line of left-most "S" --> <span>Q R S</span> + +<!-- The 3rd right-most line of left-most "S" --> <span>T U V</span> + +<!-- The 4th right-most line of left-most "S" --> <span>WWWW X</span> + + </div><div class="inline-block"> + +<!-- The right-most line of right-most "S" --> <span>A BBBB</span> + +<!-- The 2nd right-most line of right-most "S" --> <span>C D E</span> + +<!-- The 3rd right-most line of right-most "S" --> <span>F G H</span> + +<!-- The 4th right-most line of right-most "S" --> <span>JJJJ K</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-015.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-015.xht new file mode 100644 index 00000000000..6fd22a26234 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-015.xht @@ -0,0 +1,38 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-cell and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-rl' are ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + display: table-cell; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-rl; + } + ]]></style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-017.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-017.xht new file mode 100644 index 00000000000..a58a72d7c86 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-017.xht @@ -0,0 +1,38 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-caption and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-rl' are ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + display: table-caption; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-rl; + } + ]]></style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-019.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-019.xht new file mode 100644 index 00000000000..6902c5283a4 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-019.xht @@ -0,0 +1,40 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: list and 'vertical-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc..." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + ul + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + list-style: none outside none; + margin: 0em; + padding-top: 0em; /* overriding default padding-start: 40px in several browsers */ + writing-mode: vertical-rl; + } + ]]></style> + </head> + + <body> + + <ul><li>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</li></ul> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-002.xht index 90267cb0621..6bdb98c650e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-002.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-002.xht @@ -13,15 +13,15 @@ <style type="text/css" media="print"><![CDATA[ html - { - writing-mode: vertical-rl; - } + { + writing-mode: vertical-rl; + } body, div - { - width: 100%; + { + width: 100%; /* width: 100% will force a page-break in vertical-rl writing-mode */ - } + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-003.xht index 7bcf9e16e66..41ca69774ce 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-003.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-003.xht @@ -13,15 +13,15 @@ <style type="text/css" media="print"><![CDATA[ html - { - writing-mode: vertical-lr; - } + { + writing-mode: vertical-lr; + } body, div - { - width: 100%; + { + width: 100%; /* width: 100% will force a page-break in vertical-lr writing-mode */ - } + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-slr-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-slr-005.xht new file mode 100644 index 00000000000..a52d80d53cf --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-slr-005.xht @@ -0,0 +1,39 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'writing-mode: sideways-lr' - default page flow (progression) direction</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + + <meta content="image paged" name="flags" /> + <meta content="This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right." name="assert" /> + + <style type="text/css" media="print"><![CDATA[ + html + { + writing-mode: sideways-lr; + } + + body, div + { + width: 100%; + /* width: 100% will force a page-break in sideways-lr writing-mode */ + } + ]]></style> + </head> + + <body> + + <div><img src="support/page-flow-direction-002p1.png" alt="Image download support must be enabled" /></div> + + <div><img src="support/page-flow-direction-002p2.png" alt="Image download support must be enabled" /></div> + + <div><img src="support/page-flow-direction-002p3.png" alt="Image download support must be enabled" /></div> + + <div><img src="support/page-flow-direction-002p4.png" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-srl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-srl-004.xht new file mode 100644 index 00000000000..cfaff1376ff --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-srl-004.xht @@ -0,0 +1,39 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'writing-mode: sideways-rl' - default page flow (progression) direction</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + + <meta content="image paged" name="flags" /> + <meta content="This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is right-to-left." name="assert" /> + + <style type="text/css" media="print"><![CDATA[ + html + { + writing-mode: sideways-rl; + } + + body, div + { + width: 100%; + /* width: 100% will force a page-break in sideways-rl writing-mode */ + } + ]]></style> + </head> + + <body> + + <div><img src="support/page-flow-direction-002p1.png" alt="Image download support must be enabled" /></div> + + <div><img src="support/page-flow-direction-002p2.png" alt="Image download support must be enabled" /></div> + + <div><img src="support/page-flow-direction-002p3.png" alt="Image download support must be enabled" /></div> + + <div><img src="support/page-flow-direction-002p4.png" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-001-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-001-ref.xht index d67a4bf2b06..81114d697aa 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-001-ref.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-001-ref.xht @@ -7,14 +7,17 @@ <meta name="flags" content="image" /> <style type="text/css"><![CDATA[ div - { - background-color: yellow; - direction: ltr; - font: 20px/1 Ahem; - width: 21em; - } - - img { vertical-align: top; } + { + background-color: yellow; + direction: ltr; + font: 20px/1 Ahem; + width: 21em; + } + + img + { + vertical-align: top; + } ]]></style> </head> <body> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-002-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-002-ref.xht index fdbf60ce326..cfbcc87b5a7 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-002-ref.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-002-ref.xht @@ -10,17 +10,23 @@ <meta name="flags" content="image" /> <style type="text/css"><![CDATA[ - body { direction: rtl; } + body + { + direction: rtl; + } div - { - background-color: yellow; - direction: ltr; - font: 20px/1 Ahem; - width: 21em; - } - - img { vertical-align: top; } + { + background-color: yellow; + direction: ltr; + font: 20px/1 Ahem; + width: 21em; + } + + img + { + vertical-align: top; + } ]]></style> </head> <body> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/flexbox_align-items-stretch-writing-modes-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/flexbox_align-items-stretch-writing-modes-ref.xht new file mode 100644 index 00000000000..25f3929942a --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/flexbox_align-items-stretch-writing-modes-ref.xht @@ -0,0 +1,18 @@ +<!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>Reference file</title> + <link href="mailto:mitsuteru.s@gmail.com" rel="author" title="Mitsuteru Sawa" /> + <style> + .test { + height: 100px; + width: 250px; + background-color: green; + } + </style> +</head> +<body> + <p>The test passes if you see a green rectangle and no red.</p> + <div class="test"></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/full-width-horizontal-notref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/full-width-horizontal-notref.xht index a03d8b8e5e7..917e3ed141e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/full-width-horizontal-notref.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/full-width-horizontal-notref.xht @@ -3,19 +3,14 @@ <meta charset="utf-8" /> <title>CSS Test Reference</title> <link href="http://google.com/+MasatakaYakura" rel="author" title="Masataka Yakura" /> -<style> -.tcu-all { - text-combine-upright: all; -} -</style> </head> <body> <p>Test passes if the following paragraphs are identical:</p> <div> - <p>６月<span class="tcu-all">19</span>日</p> - <p>６月<span class="tcu-all">19</span>日</p> + <p>６月19日</p> + <p>６月19日</p> </div> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/form-controls-slr.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/form-controls-srl.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/form-controls-vlr.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/table-progression-slr-001-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/table-progression-slr-001-ref.xht new file mode 100644 index 00000000000..0e5f9dd5376 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/table-progression-slr-001-ref.xht @@ -0,0 +1,95 @@ +<!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 Reference</title> +<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> + +<style> + table { + border-spacing: 0; + margin: 1em; + } + td { + width: 1em; + height: 1em; + border: solid gray; + } + + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + .purp { background: purple } + .pink { background: fuchsia } + .yllw { background: yellow } + .orng { background: orange } + caption { background: green; } +</style> + +</head><body><p>Test passes if the following three tables look identical. + +</p><table> + <caption></caption> + <tbody><tr> + <td class="teal"> + </td><td rowspan="3"> + </td><td colspan="2" rowspan="2"> + </td><td class="purp"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="aqua"> + </td><td rowspan="2"> + </td></tr><tr> + <td rowspan="2"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td class="blue"> + + </td></tr><tr> + <td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> +</td></tr></tbody></table> + +<table> + <tbody><tr> + <td class="teal"> + </td><td rowspan="3"> + </td><td colspan="2" rowspan="2"> + </td><td class="purp"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="aqua"> + </td><td rowspan="2"> + </td></tr><tr> + <td rowspan="2"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td class="blue"> + + </td></tr><tr> + <td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> +</td></tr></tbody></table> + +<table> + <tbody><tr> + <td class="teal"> + </td><td rowspan="3"> + </td><td colspan="2" rowspan="2"> + </td><td class="purp"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="aqua"> + </td><td rowspan="2"> + </td></tr><tr> + <td rowspan="2"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td class="blue"> + + </td></tr><tr> + <td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> +</td></tr></tbody></table></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-slr-009-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-slr-009-ref.xht new file mode 100644 index 00000000000..73969a9bcbd --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-slr-009-ref.xht @@ -0,0 +1,35 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Reftest Reference</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <meta name="flags" content="image" /> + <style type="text/css"><![CDATA[ + + img + { + padding-left: 78px; + vertical-align: top; + } + + img + br + img + { + padding-left: 30px; + } + + img + br + img + br + img + { + padding-left: 102px; + } + ]]></style> + +</head> + +<body> + +<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + +<div><img src="support/swatch-fuchsia.png" width="48" height="60" alt="Image download support must be enabled" /><br /><img src="support/swatch-fuchsia.png" width="96" height="120" alt="Image download support must be enabled" /><br /><img src="support/swatch-fuchsia.png" width="24" height="30" alt="Image download support must be enabled" /></div> + +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-002-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-002-ref.xht index 401ca77433a..401ca77433a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-002-ref.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-002-ref.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-006-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-006-ref.xht index 8131d309ae9..8131d309ae9 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-006-ref.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-006-ref.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest-toc.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest-toc.xht index 6517366139c..684e0ef6892 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest-toc.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest-toc.xht @@ -3048,398 +3048,398 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="block-flow-direction-001" class="ahem"> + <tbody id="block-flow-direction-004" class="ahem"> + <tr> + <td rowspan="1" title="'writing-mode' - initial value is 'horizontal-tb'"> + <a href="block-flow-direction-004.xht">block-flow-direction-004</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-htb-001" class="ahem"> <tr> <td rowspan="1" title="horizontal-tb - block flow direction of block-level boxes"> - <a href="block-flow-direction-001.xht">block-flow-direction-001</a></td> + <a href="block-flow-direction-htb-001.xht">block-flow-direction-htb-001</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-002" class="ahem"> + <tbody id="block-flow-direction-slr-043" class="ahem"> <tr> - <td rowspan="1" title="vertical-rl - block flow direction of block-level boxes"> - <a href="block-flow-direction-002.xht">block-flow-direction-002</a></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-043.xht">block-flow-direction-slr-043</a></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-003" class="ahem"> + <tbody id="block-flow-direction-slr-047" class="ahem"> <tr> - <td rowspan="1" title="vertical-lr - block flow direction of block-level boxes"> - <a href="block-flow-direction-003.xht">block-flow-direction-003</a></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1" title="'float: right' and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-047.xht">block-flow-direction-slr-047</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-004" class="ahem"> + <tbody id="block-flow-direction-slr-048" class="ahem"> <tr> - <td rowspan="1" title="'writing-mode' - initial value is 'horizontal-tb'"> - <a href="block-flow-direction-004.xht">block-flow-direction-004</a></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1" title="'float: right' and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-048.xht">block-flow-direction-slr-048</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-005" class="ahem"> + <tbody id="block-flow-direction-slr-050" class="ahem"> <tr> - <td rowspan="1" title="'float: left' and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-005.xht">block-flow-direction-005</a></td> + <td rowspan="1" title="position absolute and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-050.xht">block-flow-direction-slr-050</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-006" class="ahem"> + <tbody id="block-flow-direction-slr-054" class="ahem"> <tr> - <td rowspan="1" title="'float: left' and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-006.xht">block-flow-direction-006</a></td> + <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-054.xht">block-flow-direction-slr-054</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-007" class="ahem"> + <tbody id="block-flow-direction-slr-055" class="ahem"> <tr> - <td rowspan="1" title="'float: right' and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-007.xht">block-flow-direction-007</a></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-055.xht">block-flow-direction-slr-055</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-008" class="ahem"> + <tbody id="block-flow-direction-slr-056" class="ahem"> <tr> - <td rowspan="1" title="'float: right' and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-008.xht">block-flow-direction-008</a></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-056.xht">block-flow-direction-slr-056</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-009" class="ahem"> + <tbody id="block-flow-direction-slr-058" class="ahem"> <tr> - <td rowspan="1" title="position absolute and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-009.xht">block-flow-direction-009</a></td> + <td rowspan="1" title="table-cell and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-058.xht">block-flow-direction-slr-058</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-010" class="ahem"> + <tbody id="block-flow-direction-slr-060" class="ahem"> <tr> - <td rowspan="1" title="position absolute and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-010.xht">block-flow-direction-010</a></td> + <td rowspan="1" title="table-caption and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-060.xht">block-flow-direction-slr-060</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-011" class="ahem"> + <tbody id="block-flow-direction-slr-062" class="ahem image"> <tr> - <td rowspan="1" title="inline-block and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-011.xht">block-flow-direction-011</a></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1" title="list and sideways-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-062.xht">block-flow-direction-slr-062</a></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-slr-063" class="ahem"> + <tr> + <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-063.xht">block-flow-direction-slr-063</a></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-012" class="ahem"> + <tbody id="block-flow-direction-slr-066" class="image"> <tr> - <td rowspan="1" title="inline-block and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-012.xht">block-flow-direction-012</a></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1" title="writing mode (sideways-lr) of document - horizontal position of first block"> + <a href="block-flow-direction-slr-066.xht">block-flow-direction-slr-066</a></td> + <td><a href="reference/block-flow-direction-066-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-srl-042" class="ahem"> + <tr> + <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-042.xht">block-flow-direction-srl-042</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-013" class="ahem"> + <tbody id="block-flow-direction-srl-045" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-013.xht">block-flow-direction-013</a></td> + <td rowspan="1" title="'float: left' and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-045.xht">block-flow-direction-srl-045</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-014" class="ahem"> + <tbody id="block-flow-direction-srl-046" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-014.xht">block-flow-direction-014</a></td> + <td rowspan="1" title="'float: left' and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-046.xht">block-flow-direction-srl-046</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-015" class="ahem"> + <tbody id="block-flow-direction-srl-049" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-015.xht">block-flow-direction-015</a></td> + <td rowspan="1" title="position absolute and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-049.xht">block-flow-direction-srl-049</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-016" class="ahem"> + <tbody id="block-flow-direction-srl-051" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-016.xht">block-flow-direction-016</a></td> + <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-051.xht">block-flow-direction-srl-051</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-017" class="ahem"> + <tbody id="block-flow-direction-srl-052" class="ahem"> <tr> - <td rowspan="1" title="table-cell and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-017.xht">block-flow-direction-017</a></td> + <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-052.xht">block-flow-direction-srl-052</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-018" class="ahem"> + <tbody id="block-flow-direction-srl-053" class="ahem"> <tr> - <td rowspan="1" title="table-cell and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-018.xht">block-flow-direction-018</a></td> + <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-053.xht">block-flow-direction-srl-053</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-019" class="ahem"> + <tbody id="block-flow-direction-srl-057" class="ahem"> <tr> - <td rowspan="1" title="table-caption and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-019.xht">block-flow-direction-019</a></td> + <td rowspan="1" title="table-cell and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-057.xht">block-flow-direction-srl-057</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-020" class="ahem"> + <tbody id="block-flow-direction-srl-059" class="ahem"> <tr> - <td rowspan="1" title="table-caption and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-020.xht">block-flow-direction-020</a></td> + <td rowspan="1" title="table-caption and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-059.xht">block-flow-direction-srl-059</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-021" class="ahem image"> + <tbody id="block-flow-direction-srl-061" class="ahem image"> <tr> - <td rowspan="1" title="list and vertical-rl - block flow direction of block-level boxes"> - <a href="block-flow-direction-021.xht">block-flow-direction-021</a></td> + <td rowspan="1" title="list and sideways-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-061.xht">block-flow-direction-srl-061</a></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-022" class="ahem image"> + <tbody id="block-flow-direction-srl-064" class="ahem"> <tr> - <td rowspan="1" title="list and vertical-lr - block flow direction of block-level boxes"> - <a href="block-flow-direction-022.xht">block-flow-direction-022</a></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-064.xht">block-flow-direction-srl-064</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-srl-065" class="image"> + <tr> + <td rowspan="1" title="writing mode (sideways-rl) of document - horizontal position of first block"> + <a href="block-flow-direction-srl-065.xht">block-flow-direction-srl-065</a></td> + <td><a href="reference/block-flow-direction-025-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-023" class="ahem"> + <tbody id="block-flow-direction-vlr-003" class="ahem"> <tr> <td rowspan="1" title="vertical-lr - block flow direction of block-level boxes"> - <a href="block-flow-direction-023.xht">block-flow-direction-023</a></td> + <a href="block-flow-direction-vlr-003.xht">block-flow-direction-vlr-003</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-024" class="ahem"> + <tbody id="block-flow-direction-vlr-007" class="ahem"> <tr> - <td rowspan="1" title="vertical-rl - block flow direction of block-level boxes"> - <a href="block-flow-direction-024.xht">block-flow-direction-024</a></td> + <td rowspan="1" title="'float: right' and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-007.xht">block-flow-direction-vlr-007</a></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-025" class="image"> - <tr> - <td rowspan="1" title="writing mode of document - horizontal position of first block"> - <a href="block-flow-direction-025.xht">block-flow-direction-025</a></td> - <td><a href="reference/block-flow-direction-025-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - </tr> - </tbody> - <tbody id="block-flow-direction-042" class="ahem"> + <tbody id="block-flow-direction-vlr-008" class="ahem"> <tr> - <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes"> - <a href="block-flow-direction-042.xht">block-flow-direction-042</a></td> + <td rowspan="1" title="'float: right' and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-008.xht">block-flow-direction-vlr-008</a></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-043" class="ahem"> + <tbody id="block-flow-direction-vlr-010" class="ahem"> <tr> - <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes"> - <a href="block-flow-direction-043.xht">block-flow-direction-043</a></td> - <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> + <td rowspan="1" title="position absolute and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-010.xht">block-flow-direction-vlr-010</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-045" class="ahem"> + <tbody id="block-flow-direction-vlr-014" class="ahem"> <tr> - <td rowspan="1" title="'float: left' and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-045.xht">block-flow-direction-045</a></td> + <td rowspan="1" title="inline-block and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-014.xht">block-flow-direction-vlr-014</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-046" class="ahem"> + <tbody id="block-flow-direction-vlr-015" class="ahem"> <tr> - <td rowspan="1" title="'float: left' and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-046.xht">block-flow-direction-046</a></td> + <td rowspan="1" title="inline-block and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-015.xht">block-flow-direction-vlr-015</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-047" class="ahem"> + <tbody id="block-flow-direction-vlr-016" class="ahem"> <tr> - <td rowspan="1" title="'float: right' and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-047.xht">block-flow-direction-047</a></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1" title="inline-block and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-016.xht">block-flow-direction-vlr-016</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-048" class="ahem"> + <tbody id="block-flow-direction-vlr-018" class="ahem"> <tr> - <td rowspan="1" title="'float: right' and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-048.xht">block-flow-direction-048</a></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1" title="table-cell and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-018.xht">block-flow-direction-vlr-018</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-049" class="ahem"> + <tbody id="block-flow-direction-vlr-020" class="ahem"> <tr> - <td rowspan="1" title="position absolute and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-049.xht">block-flow-direction-049</a></td> + <td rowspan="1" title="table-caption and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-020.xht">block-flow-direction-vlr-020</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-050" class="ahem"> + <tbody id="block-flow-direction-vlr-022" class="ahem image"> <tr> - <td rowspan="1" title="position absolute and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-050.xht">block-flow-direction-050</a></td> + <td rowspan="1" title="list and vertical-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-022.xht">block-flow-direction-vlr-022</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-051" class="ahem"> + <tbody id="block-flow-direction-vlr-023" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-051.xht">block-flow-direction-051</a></td> + <td rowspan="1" title="vertical-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-023.xht">block-flow-direction-vlr-023</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-052" class="ahem"> + <tbody id="block-flow-direction-vrl-002" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-052.xht">block-flow-direction-052</a></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1" title="vertical-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-002.xht">block-flow-direction-vrl-002</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-053" class="ahem"> + <tbody id="block-flow-direction-vrl-005" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-053.xht">block-flow-direction-053</a></td> + <td rowspan="1" title="'float: left' and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-005.xht">block-flow-direction-vrl-005</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-054" class="ahem"> + <tbody id="block-flow-direction-vrl-006" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-054.xht">block-flow-direction-054</a></td> + <td rowspan="1" title="'float: left' and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-006.xht">block-flow-direction-vrl-006</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-055" class="ahem"> + <tbody id="block-flow-direction-vrl-009" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-055.xht">block-flow-direction-055</a></td> + <td rowspan="1" title="position absolute and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-009.xht">block-flow-direction-vrl-009</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-056" class="ahem"> + <tbody id="block-flow-direction-vrl-011" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-056.xht">block-flow-direction-056</a></td> + <td rowspan="1" title="inline-block and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-011.xht">block-flow-direction-vrl-011</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-057" class="ahem"> + <tbody id="block-flow-direction-vrl-012" class="ahem"> <tr> - <td rowspan="1" title="table-cell and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-057.xht">block-flow-direction-057</a></td> + <td rowspan="1" title="inline-block and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-012.xht">block-flow-direction-vrl-012</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-058" class="ahem"> + <tbody id="block-flow-direction-vrl-013" class="ahem"> <tr> - <td rowspan="1" title="table-cell and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-058.xht">block-flow-direction-058</a></td> + <td rowspan="1" title="inline-block and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-013.xht">block-flow-direction-vrl-013</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-059" class="ahem"> + <tbody id="block-flow-direction-vrl-017" class="ahem"> <tr> - <td rowspan="1" title="table-caption and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-059.xht">block-flow-direction-059</a></td> + <td rowspan="1" title="table-cell and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-017.xht">block-flow-direction-vrl-017</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-060" class="ahem"> + <tbody id="block-flow-direction-vrl-019" class="ahem"> <tr> - <td rowspan="1" title="table-caption and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-060.xht">block-flow-direction-060</a></td> + <td rowspan="1" title="table-caption and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-019.xht">block-flow-direction-vrl-019</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-061" class="ahem image"> + <tbody id="block-flow-direction-vrl-021" class="ahem image"> <tr> - <td rowspan="1" title="list and sideways-rl - block flow direction of block-level boxes"> - <a href="block-flow-direction-061.xht">block-flow-direction-061</a></td> + <td rowspan="1" title="list and vertical-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-021.xht">block-flow-direction-vrl-021</a></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-062" class="ahem image"> + <tbody id="block-flow-direction-vrl-024" class="ahem"> <tr> - <td rowspan="1" title="list and sideways-lr - block flow direction of block-level boxes"> - <a href="block-flow-direction-062.xht">block-flow-direction-062</a></td> - <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - </tr> - </tbody> - <tbody id="block-flow-direction-063" class="ahem"> - <tr> - <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes"> - <a href="block-flow-direction-063.xht">block-flow-direction-063</a></td> - <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="block-flow-direction-064" class="ahem"> - <tr> - <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes"> - <a href="block-flow-direction-064.xht">block-flow-direction-064</a></td> + <td rowspan="1" title="vertical-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-024.xht">block-flow-direction-vrl-024</a></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-065" class="image"> + <tbody id="block-flow-direction-vrl-025" class="image"> <tr> - <td rowspan="1" title="writing mode (sideways-rl) of document - horizontal position of first block"> - <a href="block-flow-direction-065.xht">block-flow-direction-065</a></td> + <td rowspan="1" title="writing mode of document - horizontal position of first block"> + <a href="block-flow-direction-vrl-025.xht">block-flow-direction-vrl-025</a></td> <td><a href="reference/block-flow-direction-025-ref.xht">=</a> </td> <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-066" class="image"> - <tr> - <td rowspan="1" title="writing mode (sideways-lr) of document - horizontal position of first block"> - <a href="block-flow-direction-066.xht">block-flow-direction-066</a></td> - <td><a href="reference/block-flow-direction-066-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - </tr> - </tbody> <tbody id="block-override-001" class=""> <tr> <td rowspan="1" title="direction: div override rtl"> @@ -4176,6 +4176,14 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="flexbox_align-items-stretch-writing-modes" class=""> + <tr> + <td rowspan="1" title="Flexbox align-items: stretch with writing-mode vertical-lr and vertical-rl"> + <a href="flexbox_align-items-stretch-writing-modes.xht">flexbox_align-items-stretch-writing-modes</a></td> + <td><a href="reference/flexbox_align-items-stretch-writing-modes-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="float-clear-vlr-003" class="ahem image"> <tr> <td rowspan="1" title="'float: right' and 'clear: right' in 'vertical-lr' block formating context (basic)"> @@ -4720,154 +4728,298 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-001" class="ahem"> + <tbody id="line-box-direction-htb-001" class="ahem"> <tr> <td rowspan="1" title="horizontal-tb - ordering direction of line boxes"> - <a href="line-box-direction-001.xht">line-box-direction-001</a></td> + <a href="line-box-direction-htb-001.xht">line-box-direction-htb-001</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-002" class="ahem"> + <tbody id="line-box-direction-slr-043" class="ahem"> <tr> - <td rowspan="1" title="vertical-rl - ordering direction of line boxes"> - <a href="line-box-direction-002.xht">line-box-direction-002</a></td> + <td rowspan="1" title="sideways-lr - ordering direction of line boxes"> + <a href="line-box-direction-slr-043.xht">line-box-direction-slr-043</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-003" class="ahem"> + <tbody id="line-box-direction-slr-047" class="ahem"> <tr> - <td rowspan="1" title="vertical-lr - ordering direction of line boxes"> - <a href="line-box-direction-003.xht">line-box-direction-003</a></td> + <td rowspan="1" title="'float: right' and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-047.xht">line-box-direction-slr-047</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-slr-048" class="ahem"> + <tr> + <td rowspan="1" title="'float: right' and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-048.xht">line-box-direction-slr-048</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-slr-050" class="ahem"> + <tr> + <td rowspan="1" title="position absolute and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-050.xht">line-box-direction-slr-050</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-005" class="ahem"> + <tbody id="line-box-direction-slr-053" class="ahem"> <tr> - <td rowspan="1" title="'float: left' and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-005.xht">line-box-direction-005</a></td> + <td rowspan="1" title="inline-block and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-053.xht">line-box-direction-slr-053</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-006" class="ahem"> + <tbody id="line-box-direction-slr-054" class="ahem"> <tr> - <td rowspan="1" title="'float: left' and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-006.xht">line-box-direction-006</a></td> + <td rowspan="1" title="inline-block and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-054.xht">line-box-direction-slr-054</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-slr-056" class="ahem"> + <tr> + <td rowspan="1" title="table-cell and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-056.xht">line-box-direction-slr-056</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-007" class="ahem"> + <tbody id="line-box-direction-slr-058" class="ahem"> + <tr> + <td rowspan="1" title="table-caption and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-058.xht">line-box-direction-slr-058</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-slr-060" class="ahem"> + <tr> + <td rowspan="1" title="list and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-060.xht">line-box-direction-slr-060</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-042" class="ahem"> + <tr> + <td rowspan="1" title="sideways-rl - ordering direction of line boxes"> + <a href="line-box-direction-srl-042.xht">line-box-direction-srl-042</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-045" class="ahem"> + <tr> + <td rowspan="1" title="'float: left' and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-045.xht">line-box-direction-srl-045</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-046" class="ahem"> + <tr> + <td rowspan="1" title="'float: left' and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-046.xht">line-box-direction-srl-046</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-049" class="ahem"> + <tr> + <td rowspan="1" title="position absolute and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-049.xht">line-box-direction-srl-049</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-051" class="ahem"> + <tr> + <td rowspan="1" title="inline-block and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-051.xht">line-box-direction-srl-051</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-052" class="ahem"> + <tr> + <td rowspan="1" title="inline-block and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-052.xht">line-box-direction-srl-052</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-055" class="ahem"> + <tr> + <td rowspan="1" title="table-cell and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-055.xht">line-box-direction-srl-055</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-057" class="ahem"> + <tr> + <td rowspan="1" title="table-caption and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-057.xht">line-box-direction-srl-057</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-059" class="ahem"> + <tr> + <td rowspan="1" title="list and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-059.xht">line-box-direction-srl-059</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-vlr-003" class="ahem"> + <tr> + <td rowspan="1" title="vertical-lr - ordering direction of line boxes"> + <a href="line-box-direction-vlr-003.xht">line-box-direction-vlr-003</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-vlr-007" class="ahem"> <tr> <td rowspan="1" title="'float: right' and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-007.xht">line-box-direction-007</a></td> + <a href="line-box-direction-vlr-007.xht">line-box-direction-vlr-007</a></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-008" class="ahem"> + <tbody id="line-box-direction-vlr-008" class="ahem"> <tr> <td rowspan="1" title="'float: right' and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-008.xht">line-box-direction-008</a></td> + <a href="line-box-direction-vlr-008.xht">line-box-direction-vlr-008</a></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-009" class="ahem"> + <tbody id="line-box-direction-vlr-010" class="ahem"> <tr> - <td rowspan="1" title="position absolute and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-009.xht">line-box-direction-009</a></td> + <td rowspan="1" title="position absolute and 'vertical-lr' - ordering direction of line boxes"> + <a href="line-box-direction-vlr-010.xht">line-box-direction-vlr-010</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-010" class="ahem"> + <tbody id="line-box-direction-vlr-013" class="ahem"> <tr> - <td rowspan="1" title="position absolute and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-010.xht">line-box-direction-010</a></td> + <td rowspan="1" title="inline-block and 'vertical-lr' - ordering direction of line boxes"> + <a href="line-box-direction-vlr-013.xht">line-box-direction-vlr-013</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-011" class="ahem"> + <tbody id="line-box-direction-vlr-014" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-011.xht">line-box-direction-011</a></td> + <td rowspan="1" title="inline-block and 'vertical-lr' - ordering direction of line boxes"> + <a href="line-box-direction-vlr-014.xht">line-box-direction-vlr-014</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-012" class="ahem"> + <tbody id="line-box-direction-vlr-016" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-012.xht">line-box-direction-012</a></td> + <td rowspan="1" title="table-cell and 'vertical-lr' - ordering direction of line boxes"> + <a href="line-box-direction-vlr-016.xht">line-box-direction-vlr-016</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-013" class="ahem"> + <tbody id="line-box-direction-vlr-018" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-013.xht">line-box-direction-013</a></td> + <td rowspan="1" title="table-caption and 'vertical-lr' - ordering direction of line boxes"> + <a href="line-box-direction-vlr-018.xht">line-box-direction-vlr-018</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-014" class="ahem"> + <tbody id="line-box-direction-vlr-020" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-014.xht">line-box-direction-014</a></td> + <td rowspan="1" title="list and 'vertical-lr' - ordering direction of line boxes"> + <a href="line-box-direction-vlr-020.xht">line-box-direction-vlr-020</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-015" class="ahem"> + <tbody id="line-box-direction-vrl-002" class="ahem"> <tr> - <td rowspan="1" title="table-cell and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-015.xht">line-box-direction-015</a></td> + <td rowspan="1" title="vertical-rl - ordering direction of line boxes"> + <a href="line-box-direction-vrl-002.xht">line-box-direction-vrl-002</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-016" class="ahem"> + <tbody id="line-box-direction-vrl-005" class="ahem"> <tr> - <td rowspan="1" title="table-cell and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-016.xht">line-box-direction-016</a></td> + <td rowspan="1" title="'float: left' and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-005.xht">line-box-direction-vrl-005</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-017" class="ahem"> + <tbody id="line-box-direction-vrl-006" class="ahem"> <tr> - <td rowspan="1" title="table-caption and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-017.xht">line-box-direction-017</a></td> + <td rowspan="1" title="'float: left' and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-006.xht">line-box-direction-vrl-006</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-018" class="ahem"> + <tbody id="line-box-direction-vrl-009" class="ahem"> <tr> - <td rowspan="1" title="table-caption and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-018.xht">line-box-direction-018</a></td> + <td rowspan="1" title="position absolute and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-009.xht">line-box-direction-vrl-009</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-019" class="ahem"> + <tbody id="line-box-direction-vrl-011" class="ahem"> <tr> - <td rowspan="1" title="list and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-019.xht">line-box-direction-019</a></td> + <td rowspan="1" title="inline-block and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-011.xht">line-box-direction-vrl-011</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-020" class="ahem"> + <tbody id="line-box-direction-vrl-012" class="ahem"> <tr> - <td rowspan="1" title="list and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-020.xht">line-box-direction-020</a></td> + <td rowspan="1" title="inline-block and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-012.xht">line-box-direction-vrl-012</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-vrl-015" class="ahem"> + <tr> + <td rowspan="1" title="table-cell and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-015.xht">line-box-direction-vrl-015</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-vrl-017" class="ahem"> + <tr> + <td rowspan="1" title="table-caption and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-017.xht">line-box-direction-vrl-017</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-vrl-019" class="ahem"> + <tr> + <td rowspan="1" title="list and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-019.xht">line-box-direction-vrl-019</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> @@ -5264,66 +5416,98 @@ <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="row-progression-002" class="ahem"> + <tbody id="row-progression-slr-023" class="ahem"> <tr> - <td rowspan="1" title="vertical-rl - table rows progression"> - <a href="row-progression-002.xht">row-progression-002</a></td> + <td rowspan="1" title="sideways-lr - table rows progression"> + <a href="row-progression-slr-023.xht">row-progression-slr-023</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="row-progression-003" class="ahem"> + <tbody id="row-progression-slr-029" class="ahem"> <tr> - <td rowspan="1" title="vertical-lr - table rows progression"> - <a href="row-progression-003.xht">row-progression-003</a></td> + <td rowspan="1" title="sideways-lr - table rows progression (thead, 2 tbodies, tfoot)"> + <a href="row-progression-slr-029.xht">row-progression-slr-029</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="row-progression-004" class="ahem"> + <tbody id="row-progression-srl-022" class="ahem"> <tr> - <td rowspan="1" title="vertical-rl - table rows progression and colspan"> - <a href="row-progression-004.xht">row-progression-004</a></td> + <td rowspan="1" title="sideways-rl - table rows progression"> + <a href="row-progression-srl-022.xht">row-progression-srl-022</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="row-progression-005" class="ahem"> + <tbody id="row-progression-srl-028" class="ahem"> <tr> - <td rowspan="1" title="vertical-lr - table rows progression and colspan"> - <a href="row-progression-005.xht">row-progression-005</a></td> + <td rowspan="1" title="sideways-rl - table rows progression (thead, 2 tbodies, tfoot)"> + <a href="row-progression-srl-028.xht">row-progression-srl-028</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="row-progression-006" class="ahem"> + <tbody id="row-progression-vlr-003" class="ahem"> <tr> - <td rowspan="1" title="vertical-rl - table rows progression and rowspan"> - <a href="row-progression-006.xht">row-progression-006</a></td> + <td rowspan="1" title="vertical-lr - table rows progression"> + <a href="row-progression-vlr-003.xht">row-progression-vlr-003</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="row-progression-007" class="ahem"> + <tbody id="row-progression-vlr-005" class="ahem"> <tr> - <td rowspan="1" title="vertical-lr - table rows progression and rowspan"> - <a href="row-progression-007.xht">row-progression-007</a></td> + <td rowspan="1" title="vertical-lr - table rows progression and colspan"> + <a href="row-progression-vlr-005.xht">row-progression-vlr-005</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="row-progression-008" class="ahem"> + <tbody id="row-progression-vlr-007" class="ahem"> <tr> - <td rowspan="1" title="vertical-rl - table rows progression (thead, 2 tbodies, tfoot)"> - <a href="row-progression-008.xht">row-progression-008</a></td> + <td rowspan="1" title="vertical-lr - table rows progression and rowspan"> + <a href="row-progression-vlr-007.xht">row-progression-vlr-007</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="row-progression-009" class="ahem"> + <tbody id="row-progression-vlr-009" class="ahem"> <tr> <td rowspan="1" title="vertical-lr - table rows progression (thead, 2 tbodies, tfoot)"> - <a href="row-progression-009.xht">row-progression-009</a></td> + <a href="row-progression-vlr-009.xht">row-progression-vlr-009</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="row-progression-vrl-002" class="ahem"> + <tr> + <td rowspan="1" title="vertical-rl - table rows progression"> + <a href="row-progression-vrl-002.xht">row-progression-vrl-002</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="row-progression-vrl-004" class="ahem"> + <tr> + <td rowspan="1" title="vertical-rl - table rows progression and colspan"> + <a href="row-progression-vrl-004.xht">row-progression-vrl-004</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="row-progression-vrl-006" class="ahem"> + <tr> + <td rowspan="1" title="vertical-rl - table rows progression and rowspan"> + <a href="row-progression-vrl-006.xht">row-progression-vrl-006</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="row-progression-vrl-008" class="ahem"> + <tr> + <td rowspan="1" title="vertical-rl - table rows progression (thead, 2 tbodies, tfoot)"> + <a href="row-progression-vrl-008.xht">row-progression-vrl-008</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> @@ -5360,6 +5544,38 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> + <tbody id="table-progression-slr-001" class=""> + <tr> + <td rowspan="1" title="sideways-lr Table Row/Rowgroup/Cell Ordering"> + <a href="table-progression-slr-001.xht">table-progression-slr-001</a></td> + <td><a href="reference/table-progression-slr-001-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-slr-002" class=""> + <tr> + <td rowspan="1" title="sideways-lr Table Column/Colgroup Ordering"> + <a href="table-progression-slr-002.xht">table-progression-slr-002</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-srl-001" class=""> + <tr> + <td rowspan="1" title="sideways-rl Table Row/Rowgroup/Cell Ordering"> + <a href="table-progression-srl-001.xht">table-progression-srl-001</a></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-srl-002" class=""> + <tr> + <td rowspan="1" title="sideways-rl Table Column/Colgroup Ordering"> + <a href="table-progression-srl-002.xht">table-progression-srl-002</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="table-progression-vlr-001" class=""> <tr> <td rowspan="1" title="vertical-lr Table Row/Rowgroup/Cell Ordering"> @@ -5568,51 +5784,99 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="text-baseline-002" class="ahem"> + <tbody id="text-baseline-slr-009" class="ahem"> <tr> - <td rowspan="1" title="text baseline alignment - central alignment with vertical layout"> - <a href="text-baseline-002.xht">text-baseline-002</a></td> - <td><a href="reference/text-baseline-002-ref.xht">=</a> </td> + <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> + <a href="text-baseline-slr-009.xht">text-baseline-slr-009</a></td> + <td><a href="reference/text-baseline-slr-009-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="text-baseline-003" class="ahem"> + <tbody id="text-baseline-slr-011" class="ahem"> <tr> - <td rowspan="1" title="text baseline alignment - central alignment with vertical layout"> - <a href="text-baseline-003.xht">text-baseline-003</a></td> - <td><a href="reference/text-baseline-002-ref.xht">=</a> </td> + <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> + <a href="text-baseline-slr-011.xht">text-baseline-slr-011</a></td> + <td><a href="reference/text-baseline-slr-009-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="text-baseline-slr-013" class="ahem"> + <tr> + <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> + <a href="text-baseline-slr-013.xht">text-baseline-slr-013</a></td> + <td><a href="reference/text-baseline-slr-009-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="text-baseline-004" class="ahem"> + <tbody id="text-baseline-srl-008" class="ahem"> + <tr> + <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> + <a href="text-baseline-srl-008.xht">text-baseline-srl-008</a></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="text-baseline-srl-010" class="ahem"> + <tr> + <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> + <a href="text-baseline-srl-010.xht">text-baseline-srl-010</a></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="text-baseline-srl-012" class="ahem"> + <tr> + <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> + <a href="text-baseline-srl-012.xht">text-baseline-srl-012</a></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="text-baseline-vlr-003" class="ahem"> <tr> <td rowspan="1" title="text baseline alignment - central alignment with vertical layout"> - <a href="text-baseline-004.xht">text-baseline-004</a></td> - <td><a href="reference/text-baseline-002-ref.xht">=</a> </td> + <a href="text-baseline-vlr-003.xht">text-baseline-vlr-003</a></td> + <td><a href="reference/text-baseline-vrl-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="text-baseline-005" class="ahem"> + <tbody id="text-baseline-vlr-005" class="ahem"> <tr> <td rowspan="1" title="text baseline alignment - central alignment with vertical layout"> - <a href="text-baseline-005.xht">text-baseline-005</a></td> - <td><a href="reference/text-baseline-002-ref.xht">=</a> </td> + <a href="text-baseline-vlr-005.xht">text-baseline-vlr-005</a></td> + <td><a href="reference/text-baseline-vrl-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="text-baseline-006" class="ahem"> + <tbody id="text-baseline-vlr-007" class="ahem"> <tr> <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> - <a href="text-baseline-006.xht">text-baseline-006</a></td> - <td><a href="reference/text-baseline-006-ref.xht">=</a> </td> + <a href="text-baseline-vlr-007.xht">text-baseline-vlr-007</a></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="text-baseline-007" class="ahem"> + <tbody id="text-baseline-vrl-002" class="ahem"> + <tr> + <td rowspan="1" title="text baseline alignment - central alignment with vertical layout"> + <a href="text-baseline-vrl-002.xht">text-baseline-vrl-002</a></td> + <td><a href="reference/text-baseline-vrl-002-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="text-baseline-vrl-004" class="ahem"> + <tr> + <td rowspan="1" title="text baseline alignment - central alignment with vertical layout"> + <a href="text-baseline-vrl-004.xht">text-baseline-vrl-004</a></td> + <td><a href="reference/text-baseline-vrl-002-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="text-baseline-vrl-006" class="ahem"> <tr> <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> - <a href="text-baseline-007.xht">text-baseline-007</a></td> - <td><a href="reference/text-baseline-006-ref.xht">=</a> </td> + <a href="text-baseline-vrl-006.xht">text-baseline-vrl-006</a></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> @@ -6160,14 +6424,6 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="writing-mode-stretch-001" class=""> - <tr> - <td rowspan="1" title="writing-mode vertical-lr and vertical-rl"> - <a href="writing-mode-stretch-001.xht">writing-mode-stretch-001</a></td> - <td><a href="reference/writing-mode-stretch-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> <tbody id="writing-mode-vertical-lr-002" class="ahem"> <tr> <td rowspan="1" title="writing-mode: vertical-lr - basic inline case"> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest.list b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest.list index 3c9addbeb06..117f3f8138b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest.list +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest.list @@ -377,55 +377,55 @@ bidi-unset-010.xht == reference/bidi-normal-010.xht block-embed-001.xht == reference/block-embed-001.xht block-embed-002.xht == reference/block-embed-002.xht block-embed-003.xht == reference/block-embed-003.xht -block-flow-direction-001.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-002.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-003.xht == reference/block-flow-direction-001-ref.xht block-flow-direction-004.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-005.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-006.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-007.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-008.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-009.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-010.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-011.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-012.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-013.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-014.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-015.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-016.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-017.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-018.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-019.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-020.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-021.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-022.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-023.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-024.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-025.xht == reference/block-flow-direction-025-ref.xht -block-flow-direction-042.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-043.xht == reference/block-flow-direction-043-ref.xht -block-flow-direction-045.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-046.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-047.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-048.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-049.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-050.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-051.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-052.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-053.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-054.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-055.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-056.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-057.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-058.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-059.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-060.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-061.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-062.xht == reference/block-flow-direction-043-ref.xht -block-flow-direction-063.xht == reference/block-flow-direction-043-ref.xht -block-flow-direction-064.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-065.xht == reference/block-flow-direction-025-ref.xht -block-flow-direction-066.xht == reference/block-flow-direction-066-ref.xht +block-flow-direction-htb-001.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-slr-043.xht == reference/block-flow-direction-043-ref.xht +block-flow-direction-slr-047.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-slr-048.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-slr-050.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-slr-054.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-slr-055.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-slr-056.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-slr-058.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-slr-060.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-slr-062.xht == reference/block-flow-direction-043-ref.xht +block-flow-direction-slr-063.xht == reference/block-flow-direction-043-ref.xht +block-flow-direction-slr-066.xht == reference/block-flow-direction-066-ref.xht +block-flow-direction-srl-042.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-srl-045.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-srl-046.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-srl-049.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-srl-051.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-srl-052.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-srl-053.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-srl-057.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-srl-059.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-srl-061.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-srl-064.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-srl-065.xht == reference/block-flow-direction-025-ref.xht +block-flow-direction-vlr-003.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vlr-007.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-vlr-008.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-vlr-010.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vlr-014.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vlr-015.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vlr-016.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vlr-018.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vlr-020.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vlr-022.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vlr-023.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vrl-002.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-vrl-005.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vrl-006.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vrl-009.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vrl-011.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vrl-012.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vrl-013.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vrl-017.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vrl-019.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vrl-021.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-vrl-024.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-vrl-025.xht == reference/block-flow-direction-025-ref.xht block-override-001.xht == reference/block-override-001.xht block-override-002.xht == reference/block-override-002.xht block-override-003.xht == reference/block-override-003.xht @@ -518,6 +518,7 @@ extract-ordered-list-direction-and-writing-modes.xht == reference/extract-ordere flexbox-writing-mode-007.xht == reference/flexbox-writing-mode-007-ref.xht flexbox-writing-mode-008.xht == reference/flexbox-writing-mode-008-ref.xht flexbox-writing-mode-009.xht == reference/flexbox-writing-mode-009-ref.xht +flexbox_align-items-stretch-writing-modes.xht == reference/flexbox_align-items-stretch-writing-modes-ref.xht float-clear-vlr-003.xht == reference/ref-filled-green-100px-square.xht float-clear-vlr-005.xht == reference/ref-filled-green-100px-square.xht float-clear-vlr-007.xht == reference/ref-filled-green-100px-square.xht @@ -586,25 +587,43 @@ inline-table-alignment-002.xht == reference/inline-table-alignment-002-ref.xht inline-table-alignment-003.xht == reference/inline-table-alignment-003-ref.xht inline-table-alignment-004.xht == reference/inline-table-alignment-002-ref.xht inline-table-alignment-005.xht == reference/inline-table-alignment-003-ref.xht -line-box-direction-001.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-002.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-003.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-005.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-006.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-007.xht == reference/block-flow-direction-002-ref.xht -line-box-direction-008.xht == reference/block-flow-direction-002-ref.xht -line-box-direction-009.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-010.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-011.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-012.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-013.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-014.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-015.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-016.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-017.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-018.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-019.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-020.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-htb-001.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-slr-043.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-slr-047.xht == reference/block-flow-direction-002-ref.xht +line-box-direction-slr-048.xht == reference/block-flow-direction-002-ref.xht +line-box-direction-slr-050.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-slr-053.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-slr-054.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-slr-056.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-slr-058.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-slr-060.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-srl-042.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-srl-045.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-srl-046.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-srl-049.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-srl-051.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-srl-052.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-srl-055.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-srl-057.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-srl-059.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vlr-003.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vlr-007.xht == reference/block-flow-direction-002-ref.xht +line-box-direction-vlr-008.xht == reference/block-flow-direction-002-ref.xht +line-box-direction-vlr-010.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vlr-013.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vlr-014.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vlr-016.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vlr-018.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vlr-020.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vrl-002.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vrl-005.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vrl-006.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vrl-009.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vrl-011.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vrl-012.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vrl-015.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vrl-017.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vrl-019.xht == reference/block-flow-direction-001-ref.xht line-box-height-vlr-003.xht == reference/line-box-height-vlr-003-ref.xht line-box-height-vlr-005.xht == reference/line-box-height-vlr-003-ref.xht line-box-height-vlr-007.xht == reference/line-box-height-vlr-007-ref.xht @@ -654,18 +673,26 @@ percent-padding-vlr-007.xht == reference/margin-vrl-002-ref.xht percent-padding-vrl-002.xht == reference/margin-vrl-002-ref.xht percent-padding-vrl-004.xht == reference/margin-vrl-002-ref.xht percent-padding-vrl-006.xht == reference/margin-vrl-002-ref.xht -row-progression-002.xht == reference/block-flow-direction-001-ref.xht -row-progression-003.xht == reference/block-flow-direction-001-ref.xht -row-progression-004.xht == reference/block-flow-direction-001-ref.xht -row-progression-005.xht == reference/block-flow-direction-001-ref.xht -row-progression-006.xht == reference/block-flow-direction-001-ref.xht -row-progression-007.xht == reference/block-flow-direction-001-ref.xht -row-progression-008.xht == reference/block-flow-direction-001-ref.xht -row-progression-009.xht == reference/block-flow-direction-001-ref.xht +row-progression-slr-023.xht == reference/block-flow-direction-001-ref.xht +row-progression-slr-029.xht == reference/block-flow-direction-001-ref.xht +row-progression-srl-022.xht == reference/block-flow-direction-001-ref.xht +row-progression-srl-028.xht == reference/block-flow-direction-001-ref.xht +row-progression-vlr-003.xht == reference/block-flow-direction-001-ref.xht +row-progression-vlr-005.xht == reference/block-flow-direction-001-ref.xht +row-progression-vlr-007.xht == reference/block-flow-direction-001-ref.xht +row-progression-vlr-009.xht == reference/block-flow-direction-001-ref.xht +row-progression-vrl-002.xht == reference/block-flow-direction-001-ref.xht +row-progression-vrl-004.xht == reference/block-flow-direction-001-ref.xht +row-progression-vrl-006.xht == reference/block-flow-direction-001-ref.xht +row-progression-vrl-008.xht == reference/block-flow-direction-001-ref.xht table-column-order-002.xht == reference/block-flow-direction-001-ref.xht table-column-order-003.xht == reference/block-flow-direction-001-ref.xht table-column-order-004.xht == reference/block-flow-direction-001-ref.xht table-column-order-005.xht == reference/block-flow-direction-001-ref.xht +table-progression-slr-001.xht == reference/table-progression-slr-001-ref.xht +table-progression-slr-002.xht == reference/table-progression-002-ref.xht +table-progression-srl-001.xht == reference/table-progression-001-ref.xht +table-progression-srl-002.xht == reference/table-progression-002-ref.xht table-progression-vlr-001.xht == reference/table-progression-001-ref.xht table-progression-vlr-002.xht == reference/table-progression-002-ref.xht table-progression-vlr-003.xht == reference/table-progression-001-ref.xht @@ -692,12 +719,18 @@ text-align-vrl-012.xht == reference/text-align-vrl-008-ref.xht text-align-vrl-014.xht == reference/direction-vrl-002-ref.xht text-align-vrl-016.xht == reference/direction-vrl-002-ref.xht text-align-vrl-018.xht == reference/direction-vrl-002-ref.xht -text-baseline-002.xht == reference/text-baseline-002-ref.xht -text-baseline-003.xht == reference/text-baseline-002-ref.xht -text-baseline-004.xht == reference/text-baseline-002-ref.xht -text-baseline-005.xht == reference/text-baseline-002-ref.xht -text-baseline-006.xht == reference/text-baseline-006-ref.xht -text-baseline-007.xht == reference/text-baseline-006-ref.xht +text-baseline-slr-009.xht == reference/text-baseline-slr-009-ref.xht +text-baseline-slr-011.xht == reference/text-baseline-slr-009-ref.xht +text-baseline-slr-013.xht == reference/text-baseline-slr-009-ref.xht +text-baseline-srl-008.xht == reference/text-baseline-vrl-006-ref.xht +text-baseline-srl-010.xht == reference/text-baseline-vrl-006-ref.xht +text-baseline-srl-012.xht == reference/text-baseline-vrl-006-ref.xht +text-baseline-vlr-003.xht == reference/text-baseline-vrl-002-ref.xht +text-baseline-vlr-005.xht == reference/text-baseline-vrl-002-ref.xht +text-baseline-vlr-007.xht == reference/text-baseline-vrl-006-ref.xht +text-baseline-vrl-002.xht == reference/text-baseline-vrl-002-ref.xht +text-baseline-vrl-004.xht == reference/text-baseline-vrl-002-ref.xht +text-baseline-vrl-006.xht == reference/text-baseline-vrl-006-ref.xht text-combine-upright-decorations-001.xht == reference/text-combine-upright-decorations-001.xht text-combine-upright-inherit-all-001.xht == reference/text-combine-upright-inherit-all-001.xht text-combine-upright-inherit-all-002.xht == reference/text-combine-upright-inherit-all-002.xht @@ -766,7 +799,6 @@ vertical-alignment-vrl-024.xht == reference/vertical-alignment-vrl-022-ref.xht vertical-alignment-vrl-026.xht == reference/vertical-alignment-vrl-026-ref.xht writing-mode-horizontal-001l.xht == reference/writing-mode-horizontal-001l-ref.xht writing-mode-horizontal-001r.xht == reference/writing-mode-horizontal-001r-ref.xht -writing-mode-stretch-001.xht == reference/writing-mode-stretch-001-ref.xht writing-mode-vertical-lr-002.xht == reference/writing-mode-vertical-lr-002-ref.xht writing-mode-vertical-rl-001.xht == reference/writing-mode-vertical-rl-001-ref.xht writing-mode-vertical-rl-002.xht == reference/writing-mode-vertical-rl-002-ref.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-002.xht deleted file mode 100644 index 28a1930fab0..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-002.xht +++ /dev/null @@ -1,62 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: vertical-rl - table rows progression</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc..." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - writing-mode: vertical-rl; - } - - td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } - ]]></style> - </head> - - <body> - - <table> - -<!-- The right-most "S" --> - <tr><td>A B C DDD</td><td>EE F G H</td><td>JJ K L M</td></tr> - -<!-- The left-most "S" --> - <tr><td>N O Q RRR</td><td>SS T U V</td><td>WW X Y Z</td></tr> - -<!-- The "A" --> - <tr><td>aaa b c ddd</td><td>ee f g hh</td><td>jj kk</td></tr> - -<!-- The "P" --> - <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell"> vv</td></tr> - - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-003.xht deleted file mode 100644 index ff2ca62afb7..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-003.xht +++ /dev/null @@ -1,62 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: vertical-lr - table rows progression</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc..." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - writing-mode: vertical-lr; - } - - td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } - ]]></style> - </head> - - <body> - - <table> - -<!-- The "P" --> - <tr><td class="left-most-cell">AAA B C DDD</td><td class="left-most-cell">EE F G H</td><td class="left-most-cell">JJ </td></tr> - -<!-- The "A" --> - <tr><td>KKK L M NNN</td><td>OO Q R SS</td><td>TT UU</td></tr> - -<!-- The left-most "S" --> - <tr><td>VVV W X Y </td><td>a b c dd</td><td> e f g hh</td></tr> - -<!-- The right-most "S" --> - <tr><td>jjj k m n </td><td>q r s tt</td><td> u v w xx</td></tr> - - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-004.xht deleted file mode 100644 index db6e7669898..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-004.xht +++ /dev/null @@ -1,62 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: vertical-rl - table rows progression and colspan</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - writing-mode: vertical-rl; - } - - td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } - ]]></style> - </head> - - <body> - - <table> - -<!-- The right-most "S" --> - <tr><td>A B C DDD</td><td>EE F G H</td><td>JJ K L M</td></tr> - -<!-- The left-most "S" --> - <tr><td colspan="2">N OO Q R S T UUUU</td><td>WW X Y Z</td></tr> - -<!-- The "A" --> - <tr><td>aaa b c ddd</td><td colspan="2">eeff g h jjjj</td></tr> - -<!-- The "P" --> - <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell"> vv</td></tr> - - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-005.xht deleted file mode 100644 index ab6d0ef2d77..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-005.xht +++ /dev/null @@ -1,62 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: vertical-lr - table rows progression and colspan</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - writing-mode: vertical-lr; - } - - td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } - ]]></style> - </head> - - <body> - - <table> - -<!-- The "P" --> - <tr><td class="left-most-cell">AAA B C DDD</td><td class="left-most-cell">EE F G H</td><td class="left-most-cell">JJ </td></tr> - -<!-- The "A" --> - <tr><td colspan="2">KKKOO L Q M R NNNSS</td><td>TT UU</td></tr> - -<!-- The left-most "S" --> - <tr><td>VVV W X Y </td><td colspan="2">a b c d e f gggg</td></tr> - -<!-- The right-most "S" --> - <tr><td>jjj k m n </td><td>q r s tt</td><td> u v w xx</td></tr> - - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-006.xht deleted file mode 100644 index 9b11e1c3151..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-006.xht +++ /dev/null @@ -1,62 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: vertical-rl - table rows progression and rowspan</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that rowspanned cells in a table are handled according to a right-to-left direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - writing-mode: vertical-rl; - } - - td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } - ]]></style> - </head> - - <body> - - <table> - -<!-- The right-most "S" --> - <tr><td>A B C DDD</td><td>EE F G H</td><td rowspan="2">JJ K L M WW X Y Z</td></tr> - -<!-- The left-most "S" --> - <tr><td>N O Q RRR</td><td>SS T U V</td></tr> - -<!-- The "A" --> - <tr><td>aaa b c ddd</td><td rowspan="2" class="left-most-cell">ee f g hh r s t uu</td><td>jj kk</td></tr> - -<!-- The "P" --> - <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell"> vv</td></tr> - - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-007.xht deleted file mode 100644 index 2bbfc38554d..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-007.xht +++ /dev/null @@ -1,62 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: vertical-lr - table rows progression and rowspan</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that rowspanned cells in a table are handled according to a left-to-right direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - writing-mode: vertical-lr; - } - - td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } - ]]></style> - </head> - - <body> - - <table> - -<!-- The "P" --> - <tr><td class="left-most-cell">AAA B C DDD</td><td class="left-most-cell">EE F G H</td><td class="left-most-cell" rowspan="2">JJ TT UU</td></tr> - -<!-- The "A" --> - <tr><td>KKK L M NNN</td><td>OO Q R SS</td></tr> - -<!-- The left-most "S" --> - <tr><td>VVV W X Y </td><td rowspan="2">a b c dd q r s tt</td><td> e f g hh</td></tr> - -<!-- The right-most "S" --> - <tr><td>jjj k m n </td><td> u v w xx</td></tr> - - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-008.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-008.xht deleted file mode 100644 index 20b255eb174..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-008.xht +++ /dev/null @@ -1,77 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: vertical-rl - table rows progression (thead, 2 tbodies, tfoot)</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc..." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - writing-mode: vertical-rl; - } - - td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } - ]]></style> - </head> - - <body> - - <table> - - <thead> - -<!-- The right-most "S" --> - <tr><td>A B C DDD</td><td>EE F G H</td><td>JJ K L M</td></tr> - - </thead> - - <tfoot> - -<!-- The "P" --> - <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell"> vv</td></tr> - - </tfoot> - - <tbody> - -<!-- The left-most "S" --> - <tr><td>N O Q RRR</td><td>SS T U V</td><td>WW X Y Z</td></tr> - - </tbody> - - <tbody> -<!-- The "A" --> - <tr><td>aaa b c ddd</td><td>ee f g hh</td><td>jj kk</td></tr> - - </tbody> - - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-009.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-009.xht deleted file mode 100644 index 4d76bc67a42..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-009.xht +++ /dev/null @@ -1,78 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: vertical-lr - table rows progression (thead, 2 tbodies, tfoot)</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc..." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - writing-mode: vertical-lr; - } - - td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } - ]]></style> - </head> - - <body> - - <table> - - <thead> - -<!-- The "P" --> - <tr><td class="left-most-cell">AAA B C DDD</td><td class="left-most-cell">EE F G H</td><td class="left-most-cell">JJ </td></tr> - - </thead> - - <tfoot> - -<!-- The right-most "S" --> - <tr><td>jjj k m n </td><td>q r s tt</td><td> u v w xx</td></tr> - - </tfoot> - - <tbody> - -<!-- The "A" --> - <tr><td>KKK L M NNN</td><td>OO Q R SS</td><td>TT UU</td></tr> - - </tbody> - - <tbody> - -<!-- The left-most "S" --> - <tr><td>VVV W X Y </td><td>a b c dd</td><td> e f g hh</td></tr> - - </tbody> - - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-slr-023.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-slr-023.xht new file mode 100644 index 00000000000..a1c67fefcf8 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-slr-023.xht @@ -0,0 +1,65 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-lr - table rows progression</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that rows of a table element with in a 'sideways-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells and table columns in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: sideways-lr; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + ]]></style> + </head> + + <body> + + <table> + +<!-- The "P" --> + <tr><td class="left-most-cell">AAA </td><td class="left-most-cell">BB C D EE</td><td class="left-most-cell">FF G H JJ</td></tr> + +<!-- The "A" --> + <tr><td>KKK LLL</td><td>MM N O QQ</td><td>RR S T UU</td></tr> + +<!-- The left-most "S" --> + <tr><td>V W X YYY</td><td>aa b c d</td><td>ee f g h</td></tr> + +<!-- The right-most "S" --> + <tr><td>j k m nnn</td><td>qq r s t</td><td>uu v w x</td></tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-slr-029.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-slr-029.xht new file mode 100644 index 00000000000..f4f99c812dd --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-slr-029.xht @@ -0,0 +1,81 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-lr - table rows progression (thead, 2 tbodies, tfoot)</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that rows of a table element with in a 'sideways-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells and table columns in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: sideways-lr; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + ]]></style> + </head> + + <body> + + <table> + + <thead> + +<!-- The "P" --> + <tr><td class="left-most-cell">AAA </td><td class="left-most-cell">BB C D EE</td><td class="left-most-cell">FF G H JJ</td></tr> + + </thead> + + <tfoot> + +<!-- The right-most "S" --> + <tr><td>j k m nnn</td><td>qq r s t</td><td>uu v w x</td></tr> + + </tfoot> + + <tbody> + +<!-- The "A" --> + <tr><td>KKK LLL</td><td>MM N O QQ</td><td>RR S T UU</td></tr> + + </tbody> + + <tbody> + +<!-- The left-most "S" --> + <tr><td>V W X YYY</td><td>aa b c d</td><td>ee f g h</td></tr> + + </tbody> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-srl-022.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-srl-022.xht new file mode 100644 index 00000000000..2c9ea603f08 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-srl-022.xht @@ -0,0 +1,65 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-rl - table rows progression</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that rows of a table element with in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc..." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: sideways-rl; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + ]]></style> + </head> + + <body> + + <table> + +<!-- The right-most "S" --> + <tr><td>A B C DDD</td><td>EE F G H</td><td>JJ K L M</td></tr> + +<!-- The left-most "S" --> + <tr><td>N O Q RRR</td><td>SS T U V</td><td>WW X Y Z</td></tr> + +<!-- The "A" --> + <tr><td>aaa b c ddd</td><td>ee f g hh</td><td>jj kk</td></tr> + +<!-- The "P" --> + <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell"> vv</td></tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-srl-028.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-srl-028.xht new file mode 100644 index 00000000000..687c73f235c --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-srl-028.xht @@ -0,0 +1,80 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-rl - table rows progression (thead, 2 tbodies, tfoot)</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that rows of a table element with in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc..." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: sideways-rl; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + ]]></style> + </head> + + <body> + + <table> + + <thead> + +<!-- The right-most "S" --> + <tr><td>A B C DDD</td><td>EE F G H</td><td>JJ K L M</td></tr> + + </thead> + + <tfoot> + +<!-- The "P" --> + <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell"> vv</td></tr> + + </tfoot> + + <tbody> + +<!-- The left-most "S" --> + <tr><td>N O Q RRR</td><td>SS T U V</td><td>WW X Y Z</td></tr> + + </tbody> + + <tbody> +<!-- The "A" --> + <tr><td>aaa b c ddd</td><td>ee f g hh</td><td>jj kk</td></tr> + + </tbody> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vlr-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vlr-003.xht new file mode 100644 index 00000000000..6b501cb41a9 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vlr-003.xht @@ -0,0 +1,65 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: vertical-lr - table rows progression</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc..." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-lr; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + ]]></style> + </head> + + <body> + + <table> + +<!-- The "P" --> + <tr><td class="left-most-cell">AAA B C DDD</td><td class="left-most-cell">EE F G H</td><td class="left-most-cell">JJ </td></tr> + +<!-- The "A" --> + <tr><td>KKK L M NNN</td><td>OO Q R SS</td><td>TT UU</td></tr> + +<!-- The left-most "S" --> + <tr><td>VVV W X Y </td><td>a b c dd</td><td> e f g hh</td></tr> + +<!-- The right-most "S" --> + <tr><td>jjj k m n </td><td>q r s tt</td><td> u v w xx</td></tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vlr-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vlr-005.xht new file mode 100644 index 00000000000..582ed6d665c --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vlr-005.xht @@ -0,0 +1,65 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: vertical-lr - table rows progression and colspan</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-lr; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + ]]></style> + </head> + + <body> + + <table> + +<!-- The "P" --> + <tr><td class="left-most-cell">AAA B C DDD</td><td class="left-most-cell">EE F G H</td><td class="left-most-cell">JJ </td></tr> + +<!-- The "A" --> + <tr><td colspan="2">KKKOO L Q M R NNNSS</td><td>TT UU</td></tr> + +<!-- The left-most "S" --> + <tr><td>VVV W X Y </td><td colspan="2">a b c d e f gggg</td></tr> + +<!-- The right-most "S" --> + <tr><td>jjj k m n </td><td>q r s tt</td><td> u v w xx</td></tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vlr-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vlr-007.xht new file mode 100644 index 00000000000..9869d60903f --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vlr-007.xht @@ -0,0 +1,65 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: vertical-lr - table rows progression and rowspan</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that rowspanned cells in a table are handled according to a left-to-right direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-lr; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + ]]></style> + </head> + + <body> + + <table> + +<!-- The "P" --> + <tr><td class="left-most-cell">AAA B C DDD</td><td class="left-most-cell">EE F G H</td><td class="left-most-cell" rowspan="2">JJ TT UU</td></tr> + +<!-- The "A" --> + <tr><td>KKK L M NNN</td><td>OO Q R SS</td></tr> + +<!-- The left-most "S" --> + <tr><td>VVV W X Y </td><td rowspan="2">a b c dd q r s tt</td><td> e f g hh</td></tr> + +<!-- The right-most "S" --> + <tr><td>jjj k m n </td><td> u v w xx</td></tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vlr-009.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vlr-009.xht new file mode 100644 index 00000000000..67493b31ab1 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vlr-009.xht @@ -0,0 +1,81 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: vertical-lr - table rows progression (thead, 2 tbodies, tfoot)</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-lr; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + ]]></style> + </head> + + <body> + + <table> + + <thead> + +<!-- The "P" --> + <tr><td class="left-most-cell">AAA B C DDD</td><td class="left-most-cell">EE F G H</td><td class="left-most-cell">JJ </td></tr> + + </thead> + + <tfoot> + +<!-- The right-most "S" --> + <tr><td>jjj k m n </td><td>q r s tt</td><td> u v w xx</td></tr> + + </tfoot> + + <tbody> + +<!-- The "A" --> + <tr><td>KKK L M NNN</td><td>OO Q R SS</td><td>TT UU</td></tr> + + </tbody> + + <tbody> + +<!-- The left-most "S" --> + <tr><td>VVV W X Y </td><td>a b c dd</td><td> e f g hh</td></tr> + + </tbody> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vrl-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vrl-002.xht new file mode 100644 index 00000000000..aafe80a4fc5 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vrl-002.xht @@ -0,0 +1,65 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: vertical-rl - table rows progression</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc..." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-rl; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + ]]></style> + </head> + + <body> + + <table> + +<!-- The right-most "S" --> + <tr><td>A B C DDD</td><td>EE F G H</td><td>JJ K L M</td></tr> + +<!-- The left-most "S" --> + <tr><td>N O Q RRR</td><td>SS T U V</td><td>WW X Y Z</td></tr> + +<!-- The "A" --> + <tr><td>aaa b c ddd</td><td>ee f g hh</td><td>jj kk</td></tr> + +<!-- The "P" --> + <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell"> vv</td></tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vrl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vrl-004.xht new file mode 100644 index 00000000000..780cd7a4572 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vrl-004.xht @@ -0,0 +1,65 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: vertical-rl - table rows progression and colspan</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-rl; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + ]]></style> + </head> + + <body> + + <table> + +<!-- The right-most "S" --> + <tr><td>A B C DDD</td><td>EE F G H</td><td>JJ K L M</td></tr> + +<!-- The left-most "S" --> + <tr><td colspan="2">N OO Q R S T UUUU</td><td>WW X Y Z</td></tr> + +<!-- The "A" --> + <tr><td>aaa b c ddd</td><td colspan="2">eeff g h jjjj</td></tr> + +<!-- The "P" --> + <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell"> vv</td></tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vrl-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vrl-006.xht new file mode 100644 index 00000000000..aeb6d089e31 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vrl-006.xht @@ -0,0 +1,65 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: vertical-rl - table rows progression and rowspan</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that rowspanned cells in a table are handled according to a right-to-left direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-rl; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + ]]></style> + </head> + + <body> + + <table> + +<!-- The right-most "S" --> + <tr><td>A B C DDD</td><td>EE F G H</td><td rowspan="2">JJ K L M WW X Y Z</td></tr> + +<!-- The left-most "S" --> + <tr><td>N O Q RRR</td><td>SS T U V</td></tr> + +<!-- The "A" --> + <tr><td>aaa b c ddd</td><td rowspan="2" class="left-most-cell">ee f g hh r s t uu</td><td>jj kk</td></tr> + +<!-- The "P" --> + <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell"> vv</td></tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vrl-008.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vrl-008.xht new file mode 100644 index 00000000000..9e68c964f27 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vrl-008.xht @@ -0,0 +1,80 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: vertical-rl - table rows progression (thead, 2 tbodies, tfoot)</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc..." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-rl; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + ]]></style> + </head> + + <body> + + <table> + + <thead> + +<!-- The right-most "S" --> + <tr><td>A B C DDD</td><td>EE F G H</td><td>JJ K L M</td></tr> + + </thead> + + <tfoot> + +<!-- The "P" --> + <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell"> vv</td></tr> + + </tfoot> + + <tbody> + +<!-- The left-most "S" --> + <tr><td>N O Q RRR</td><td>SS T U V</td><td>WW X Y Z</td></tr> + + </tbody> + + <tbody> +<!-- The "A" --> + <tr><td>aaa b c ddd</td><td>ee f g hh</td><td>jj kk</td></tr> + + </tbody> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/form-controls-slr.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/form-controls-srl.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/form-controls-vlr.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-slr-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-slr-001.xht new file mode 100644 index 00000000000..b7eb25ab734 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-slr-001.xht @@ -0,0 +1,134 @@ +<!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 Test: sideways-lr Table Row/Rowgroup/Cell Ordering</title> +<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> +<link href="reference/table-progression-slr-001-ref.xht" rel="match" /> +<meta content="This test checks that sideways-lr tables order rows/rowgroups left to right and cells bottom-to-top (LTR) or top-to-bottom (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups." name="assert" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> + +<style> + .test { + writing-mode: sideways-lr; + } + [dir=rtl] { + direction: rtl; + } + + table { + border-spacing: 0; + margin: 1em; + } + td { + width: 1em; + height: 1em; + border: solid gray; + } + + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + .purp { background: purple } + .pink { background: fuchsia } + .yllw { background: yellow } + .orng { background: orange } + + + /* These rules must have no effect. */ + .test thead, + .test tfoot, + .test tbody, + .test tr, + .test td { + writing-mode: horizontal-tb; /* For UAs not supporting vertical-rl */ + writing-mode: sideways-rl; + direction: rtl; + } + .test[dir=rtl] thead, + .test[dir=rtl] tfoot, + .test[dir=rtl] tbody, + .test[dir=rtl] tr, + .test[dir=rtl] td { + direction: ltr; + } +</style> + +</head><body><p>Test passes if the following three tables look identical. + +</p><table class="test"> + <thead> + <tr> + <td colspan="2"> + </td><td class="aqua"> + </td><td class="teal"> + </td></tr></thead><tfoot> + <tr> + <td class="navy"> + </td><td class="blue"> + </td><td colspan="2"> + </td></tr></tfoot><tbody> + <tr> + <td class="orng"> + </td><td colspan="3"> + </td></tr></tbody><tbody> + <tr> + <td rowspan="3"> + </td><td class="yllw"> + </td><td colspan="2" rowspan="2"> + </td></tr><tr> + <td class="pink"> + </td></tr><tr> + <td colspan="2"> + </td><td class="purp"> +</td></tr></tbody></table> + +<table class="test" dir="rtl"> + <thead> + <tr> + <td class="teal"> + </td><td class="aqua"> + </td><td colspan="2"> + </td></tr></thead><tfoot> + <tr> + <td colspan="2"> + </td><td class="blue"> + </td><td class="navy"> + </td></tr></tfoot><tbody> + <tr> + <td colspan="3"> + </td><td class="orng"> + </td></tr></tbody><tbody> + <tr> + <td colspan="2" rowspan="2"> + </td><td class="yllw"> + </td><td rowspan="3"> + </td></tr><tr> + <td class="pink"> + </td></tr><tr> + <td class="purp"> + </td><td colspan="2"> +</td></tr></tbody></table> + +<table class="reference"> + <tbody><tr> + <td class="teal"> + </td><td rowspan="3"> + </td><td colspan="2" rowspan="2"> + </td><td class="purp"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="aqua"> + </td><td rowspan="2"> + </td></tr><tr> + <td rowspan="2"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td class="blue"> + + </td></tr><tr> + <td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> +</td></tr></tbody></table> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-slr-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-slr-002.xht new file mode 100644 index 00000000000..4547ad37ba7 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-slr-002.xht @@ -0,0 +1,86 @@ +<!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 Test: sideways-lr Table Column/Colgroup Ordering</title> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> +<link href="reference/table-progression-002-ref.xht" rel="match" /> +<meta content="This test checks that sideways-lr tables order columns bottom-to-top (LTR) or top-to-bottom (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups." name="assert" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> + +<style> + .test { + writing-mode: sideways-lr; + } + [dir=rtl] { + direction: rtl; + } + + + table { + border-spacing: 0; + border: solid gray; + margin: 1em; + float: left; + } + td { + width: 1em; + height: 1em; + } + + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + + /* These declarations must have no effect. */ + .test col, + .test colgroup { + writing-mode: horizontal-tb; + writing-mode: sideways-rl; + direction: rtl; + } + .test[dir=rtl] col, + .test[dir=rtl] colgroup { + direction: ltr; + } +</style> + +</head><body><p>Test passes if the following patterned boxes all look identical. + +</p><table class="test"> + <colgroup><col span="2" class="aqua" /> + <col class="blue" /> + <col span="2" class="navy" /> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test"> + <colgroup span="2" class="aqua"></colgroup> + <colgroup> + <col class="blue" /> + <col span="2" class="navy" /> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> + +<table class="test" dir="rtl"> + <colgroup><col span="2" class="navy" /> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test" dir="rtl"> + <colgroup span="2" class="navy"></colgroup> + <colgroup> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> + +<table class="reference"> + <tbody><tr><td class="navy"> + </td></tr><tr><td class="navy"> + </td></tr><tr><td class="blue"> + </td></tr><tr><td class="aqua"> + </td></tr><tr><td class="aqua"> +</td></tr></tbody></table> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-srl-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-srl-001.xht new file mode 100644 index 00000000000..e56a3c35f7d --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-srl-001.xht @@ -0,0 +1,132 @@ +<!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 Test: sideways-rl Table Row/Rowgroup/Cell Ordering</title> +<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> +<link href="reference/table-progression-001-ref.xht" rel="match" /> +<meta content="This test checks that sideways-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups." name="assert" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> + +<style> + .test { + writing-mode: sideways-rl; + } + [dir=rtl] { + direction: rtl; + } + + table { + border-spacing: 0; + margin: 1em; + } + td { + width: 1em; + height: 1em; + border: solid gray; + } + + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + .purp { background: purple } + .pink { background: fuchsia } + .yllw { background: yellow } + .orng { background: orange } + + /* These rules must have no effect. */ + .test thead, + .test tfoot, + .test tbody, + .test tr, + .test td { + writing-mode: horizontal-tb; /* For UAs not supporting vertical-rl */ + writing-mode: sideways-lr; + direction: rtl; + } + .test[dir=rtl] thead, + .test[dir=rtl] tfoot, + .test[dir=rtl] tbody, + .test[dir=rtl] tr, + .test[dir=rtl] td { + direction: ltr; + } +</style> + +</head><body><p>Test passes if the following three tables look identical. + +</p><table class="test"> + <thead> + <tr> + <td class="navy"> + </td><td class="blue"> + </td><td colspan="2"> + </td></tr></thead><tfoot> + <tr> + <td colspan="2"> + </td><td class="aqua"> + </td><td class="teal"> + </td></tr></tfoot><tbody> + <tr> + <td rowspan="3"> + </td><td colspan="2"> + </td><td class="purp"> + </td></tr><tr> + <td class="pink"> + </td><td colspan="2" rowspan="2"> + </td></tr><tr> + <td class="yllw"> + </td></tr></tbody><tbody> + <tr> + <td class="orng"> + </td><td colspan="3"> +</td></tr></tbody></table> + +<table class="test" dir="rtl"> + <thead> + <tr> + <td colspan="2"> + </td><td class="blue"> + </td><td class="navy"> + </td></tr></thead><tfoot> + <tr> + <td class="teal"> + </td><td class="aqua"> + </td><td colspan="2"> + </td></tr></tfoot><tbody> + <tr> + <td class="purp"> + </td><td colspan="2"> + </td><td rowspan="3"> + </td></tr><tr> + <td colspan="2" rowspan="2"> + </td><td class="pink"> + </td></tr><tr> + <td class="yllw"> + </td></tr></tbody><tbody> + <tr> + <td colspan="3"> + </td><td class="orng"> +</td></tr></tbody></table> + +<table class="reference"> + <tbody><tr> + <td rowspan="2"> + </td><td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> + </td></tr><tr> + <td rowspan="3"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td rowspan="2"> + </td><td class="blue"> + </td></tr><tr> + <td class="aqua"> + </td><td colspan="2" rowspan="2"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="teal"> + </td><td class="purp"> +</td></tr></tbody></table> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-srl-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-srl-002.xht new file mode 100644 index 00000000000..f55a3778341 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-srl-002.xht @@ -0,0 +1,86 @@ +<!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 Test: sideways-rl Table Column/Colgroup Ordering</title> +<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> +<link href="reference/table-progression-002-ref.xht" rel="match" /> +<meta content="This test checks that sideways-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups." name="assert" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> + +<style> + .test { + writing-mode: sideways-rl; + } + [dir=rtl] { + direction: rtl; + } + + table { + border-spacing: 0; + border: solid gray; + margin: 1em; + float: left; + } + td { + width: 1em; + height: 1em; + } + + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + + /* These declarations must have no effect. */ + .test col, + .test colgroup { + writing-mode: horizontal-tb; + writing-mode: sideways-lr; + direction: rtl; + } + .test[dir=rtl] col, + .test[dir=rtl] colgroup { + direction: ltr; + } +</style> + +</head><body><p>Test passes if the following patterned boxes all look identical. + +</p><table class="test"> + <colgroup><col span="2" class="navy" /> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test"> + <colgroup span="2" class="navy"></colgroup> + <colgroup> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> + +<table class="test" dir="rtl"> + <colgroup><col span="2" class="aqua" /> + <col class="blue" /> + <col span="2" class="navy" /> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test" dir="rtl"> + <colgroup span="2" class="aqua"></colgroup> + <colgroup> + <col class="blue" /> + <col span="2" class="navy" /> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> + +<table class="reference"> + <tbody><tr><td class="navy"> + </td></tr><tr><td class="navy"> + </td></tr><tr><td class="blue"> + </td></tr><tr><td class="aqua"> + </td></tr><tr><td class="aqua"> +</td></tr></tbody></table> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-002.xht deleted file mode 100644 index ac61712877e..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-002.xht +++ /dev/null @@ -1,41 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> - <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> - <link rel="match" href="reference/text-baseline-002-ref.xht" /> - <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline." /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - div#rl-mixed - { - color: orange; - font: 60px/1.5 Ahem; /* computes to 60px/90px */ - writing-mode: vertical-rl; - text-orientation: mixed; - } - - span#blue120 - { - color: blue; - font-size: 2em; /* computes to 120px */ - } - - span#orange30 - { - font-size: 0.5em; /* computes to 30px */ - } - ]]></style> - - </head> - - <body> - - <p>Test passes if 2 orange squares are centered with respect to a blue square.</p> - - <div id="rl-mixed">A<span id="blue120">B</span><span id="orange30">O</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-003.xht deleted file mode 100644 index 97afa4f6aae..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-003.xht +++ /dev/null @@ -1,41 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> - <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> - <link rel="match" href="reference/text-baseline-002-ref.xht" /> - <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline." /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - div#lr-mixed - { - color: orange; - font: 60px/1.5 Ahem; /* computes to 60px/90px */ - writing-mode: vertical-lr; - text-orientation: mixed; - } - - span#blue120 - { - color: blue; - font-size: 2em; /* computes to 120px */ - } - - span#orange30 - { - font-size: 0.5em; /* computes to 30px */ - } - ]]></style> - - </head> - - <body> - - <p>Test passes if 2 orange squares are centered with respect to a blue square.</p> - - <div id="lr-mixed">A<span id="blue120">B</span><span id="orange30">O</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-004.xht deleted file mode 100644 index 033f4e40df9..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-004.xht +++ /dev/null @@ -1,41 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> - <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> - <link rel="match" href="reference/text-baseline-002-ref.xht" /> - <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline." /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - div#rl-upright - { - color: orange; - font: 60px/1.5 Ahem; /* computes to 60px/90px */ - writing-mode: vertical-rl; - text-orientation: upright; - } - - span#blue120 - { - color: blue; - font-size: 2em; /* computes to 120px */ - } - - span#orange30 - { - font-size: 0.5em; /* computes to 30px */ - } - ]]></style> - - </head> - - <body> - - <p>Test passes if 2 orange squares are centered with respect to a blue square.</p> - - <div id="rl-upright">A<span id="blue120">B</span><span id="orange30">O</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-005.xht deleted file mode 100644 index 0cc8c07fa93..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-005.xht +++ /dev/null @@ -1,41 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> - <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> - <link rel="match" href="reference/text-baseline-002-ref.xht" /> - <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline." /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - div#lr-upright - { - color: orange; - font: 60px/1.5 Ahem; /* computes to 60px/90px */ - writing-mode: vertical-lr; - text-orientation: upright; - } - - span#blue120 - { - color: blue; - font-size: 2em; /* computes to 120px */ - } - - span#orange30 - { - font-size: 0.5em; /* computes to 30px */ - } - ]]></style> - - </head> - - <body> - - <p>Test passes if 2 orange squares are centered with respect to a blue square.</p> - - <div id="lr-upright">A<span id="blue120">B</span><span id="orange30">O</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-006.xht deleted file mode 100644 index 96464dc1212..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-006.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> - <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> - <link rel="match" href="reference/text-baseline-006-ref.xht" /> - <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline." /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - div#rl-sideways - { - color: fuchsia; - font: 60px/1.5 Ahem; /* computes to 60px/90px */ - writing-mode: vertical-rl; - text-orientation: sideways; - } - - span#fuchsia120 - { - font-size: 2em; /* computes to 120px */ - } - - span#fuchsia30 - { - font-size: 0.5em; /* computes to 30px */ - } - ]]></style> - - </head> - - <body> - - <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div id="rl-sideways">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-007.xht deleted file mode 100644 index 0b6a4c6ca8b..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-007.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> - <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> - <link rel="match" href="reference/text-baseline-006-ref.xht" /> - <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline." /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - div#lr-sideways - { - color: fuchsia; - font: 60px/1.5 Ahem; /* computes to 60px/90px */ - writing-mode: vertical-lr; - text-orientation: sideways; - } - - span#fuchsia120 - { - font-size: 2em; /* computes to 120px */ - } - - span#fuchsia30 - { - font-size: 0.5em; /* computes to 30px */ - } - ]]></style> - - </head> - - <body> - - <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div id="lr-sideways">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-slr-009.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-slr-009.xht new file mode 100644 index 00000000000..f2c44b965ab --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-slr-009.xht @@ -0,0 +1,39 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-slr-009-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'mixed', then the alphabetical baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#slr-mixed + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: sideways-lr; + text-orientation: mixed; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="slr-mixed"><span id="fuchsia30">É</span><span id="fuchsia120">É</span>É</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-slr-011.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-slr-011.xht new file mode 100644 index 00000000000..391c71db172 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-slr-011.xht @@ -0,0 +1,39 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-slr-009-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'upright', then the alphabetical baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#slr-upright + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: sideways-lr; + text-orientation: upright; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="slr-upright"><span id="fuchsia30">É</span><span id="fuchsia120">É</span>É</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-slr-013.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-slr-013.xht new file mode 100644 index 00000000000..aff8a8d4bb7 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-slr-013.xht @@ -0,0 +1,39 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-slr-009-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#slr-sideways + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: sideways-lr; + text-orientation: sideways; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="slr-sideways"><span id="fuchsia30">É</span><span id="fuchsia120">É</span>É</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-srl-008.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-srl-008.xht new file mode 100644 index 00000000000..9146387143e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-srl-008.xht @@ -0,0 +1,39 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-vrl-006-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'mixed', then the alphabetical baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#srl-mixed + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: sideways-rl; + text-orientation: mixed; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="srl-mixed">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-srl-010.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-srl-010.xht new file mode 100644 index 00000000000..e82433f267f --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-srl-010.xht @@ -0,0 +1,39 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-vrl-006-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'upright', then the alphabetical baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#srl-upright + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: sideways-rl; + text-orientation: upright; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="srl-upright">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-srl-012.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-srl-012.xht new file mode 100644 index 00000000000..4d5c4748bab --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-srl-012.xht @@ -0,0 +1,39 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-vrl-006-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#srl-sideways + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: sideways-rl; + text-orientation: sideways; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="srl-sideways">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-vlr-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-vlr-003.xht new file mode 100644 index 00000000000..6d405c5cdc0 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-vlr-003.xht @@ -0,0 +1,41 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-vrl-002-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#lr-mixed + { + color: orange; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: vertical-lr; + text-orientation: mixed; + } + + span#blue120 + { + color: blue; + font-size: 2em; /* computes to 120px */ + } + + span#orange30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if 2 orange squares are centered with respect to a blue square.</p> + + <div id="lr-mixed">A<span id="blue120">B</span><span id="orange30">O</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-vlr-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-vlr-005.xht new file mode 100644 index 00000000000..b9da9351ccc --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-vlr-005.xht @@ -0,0 +1,41 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-vrl-002-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#lr-upright + { + color: orange; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: vertical-lr; + text-orientation: upright; + } + + span#blue120 + { + color: blue; + font-size: 2em; /* computes to 120px */ + } + + span#orange30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if 2 orange squares are centered with respect to a blue square.</p> + + <div id="lr-upright">A<span id="blue120">B</span><span id="orange30">O</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-vlr-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-vlr-007.xht new file mode 100644 index 00000000000..3da23c51671 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-vlr-007.xht @@ -0,0 +1,40 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-vrl-006-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#lr-sideways + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: vertical-lr; + text-orientation: sideways; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="lr-sideways">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-vrl-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-vrl-002.xht new file mode 100644 index 00000000000..3cbe74ed544 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-vrl-002.xht @@ -0,0 +1,41 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-vrl-002-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#rl-mixed + { + color: orange; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: vertical-rl; + text-orientation: mixed; + } + + span#blue120 + { + color: blue; + font-size: 2em; /* computes to 120px */ + } + + span#orange30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if 2 orange squares are centered with respect to a blue square.</p> + + <div id="rl-mixed">A<span id="blue120">B</span><span id="orange30">O</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-vrl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-vrl-004.xht new file mode 100644 index 00000000000..9999b824275 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-vrl-004.xht @@ -0,0 +1,41 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-vrl-002-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#rl-upright + { + color: orange; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: vertical-rl; + text-orientation: upright; + } + + span#blue120 + { + color: blue; + font-size: 2em; /* computes to 120px */ + } + + span#orange30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if 2 orange squares are centered with respect to a blue square.</p> + + <div id="rl-upright">A<span id="blue120">B</span><span id="orange30">O</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-vrl-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-vrl-006.xht new file mode 100644 index 00000000000..ccbd12c4920 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-vrl-006.xht @@ -0,0 +1,40 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-vrl-006-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#rl-sideways + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: vertical-rl; + text-orientation: sideways; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="rl-sideways">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/toc.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/toc.xht index ff4f8a08074..de1ecbe1ff3 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/toc.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/toc.xht @@ -27,17 +27,17 @@ <tbody id="s2"> <tr><th><a href="chapter-2.xht">Chapter 2 - Inline Direction and Bidirectionality</a></th> - <td>(173 Tests)</td></tr> + <td>(177 Tests)</td></tr> </tbody> <tbody id="s3"> <tr><th><a href="chapter-3.xht">Chapter 3 - Introduction to Vertical Text</a></th> - <td>(113 Tests)</td></tr> + <td>(147 Tests)</td></tr> </tbody> <tbody id="s4"> <tr><th><a href="chapter-4.xht">Chapter 4 - Inline-level Alignment</a></th> - <td>(30 Tests)</td></tr> + <td>(36 Tests)</td></tr> </tbody> <tbody id="s5"> <tr><th><a href="chapter-5.xht">Chapter 5 - diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/writing-mode-parsing-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/writing-mode-parsing-001.xht index d69b1f2f735..7f14c00aa57 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/writing-mode-parsing-001.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/writing-mode-parsing-001.xht @@ -19,6 +19,7 @@ <div data-expected="horizontal-tb" style="writing-mode: initial"></div> <div data-expected="vertical-rl" style="writing-mode: inherit"></div> + <div data-expected="vertical-rl" style="writing-mode: horizontal-tb; writing-mode: inherit"></div> <div data-expected="vertical-rl" style="writing-mode: foo"></div> </div> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/writing-mode-stretch-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/writing-mode-stretch-001.xht deleted file mode 100644 index 98b02d346b1..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/writing-mode-stretch-001.xht +++ /dev/null @@ -1,57 +0,0 @@ -<!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 Test: writing-mode vertical-lr and vertical-rl</title> - <link href="mailto:mitsuteru.s@gmail.com" rel="author" title="Mitsuteru Sawa" /> - <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins Jr." /> - <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> - <link href="reference/writing-mode-stretch-001-ref.xht" rel="match" /> - <meta content="vertical-writing-mode flex items should stretch" name="assert" /> - <style> - .container { - display: flex; - width: 250px; - } - .vertical-rl { - writing-mode: vertical-rl; - } - .vertical-lr { - writing-mode: vertical-lr; - } - .item { - background-color: green; - } - .square { - height: 50px; - width: 50px; - } - .error { - position: absolute; - background-color: red; - height: 100px; - width: 250px; - z-index: -1; - } - </style> -</head> -<body> - <p>The test passes if you see a green rectangle and no red.</p> - <div class="test"> - <div class="error"></div> - <div class="container"> - <div class="horizontal item"> - <div class="square"></div> - <div class="square"></div> - </div> - <div class="vertical-rl item"> - <div class="square"></div> - <div class="square"></div> - </div> - <div class="vertical-lr item"> - <div class="square"></div> - <div class="square"></div> - </div> - </div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-001.xht deleted file mode 100644 index a66b4200ba7..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-001.xht +++ /dev/null @@ -1,70 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: horizontal-tb - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-001"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that block-level boxes in a 'horizontal-tb' writing mode are laid out one after the other, vertically, with the first beginning at the top of a containing block; they are ordered from top to bottom meaning that the 1st block box is the topmost one, then the 2nd block is juxtaposed at its bottom, then the 3rd block is juxtaposed to the 2nd block at its bottom, etc..." name="assert" /> - - <style type="text/css"><![CDATA[ - html { writing-mode: horizontal-tb; } - /* - " - The principal writing mode of the document is determined by the writing-mode - and direction values specified on the root element. - " - */ - - body - { - color: yellow; - font: 20px/1 Ahem; - width: 21em; - } - - div - { - background-color: blue; - border-left: blue solid 1em; - border-right: blue solid 1em; - } - - div#top-border { border-top: blue solid 1em; } - - div#bottom-border { border-bottom: blue solid 1em; } - ]]></style> - </head> - - <body> - - <!-- topmost line --><div id="top-border">AAAA BBBB CCCC DDDD</div> - - <!-- 2nd topmost line --><div>E F G H J L </div> - - <!-- 3rd topmost line --><div>M N Q R S T </div> - - <!-- 4th topmost line --><div>UUUU VVVV WWWW XXXX</div> - - <!-- 5th topmost line --><div>Z a b c d</div> - - <!-- 6th topmost line --><div>e f g h j</div> - - <!-- 7th topmost line --><div id="bottom-border">k m n qqqq rrrr</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-002.xht deleted file mode 100644 index 99cf5b83332..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-002.xht +++ /dev/null @@ -1,103 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: vertical-rl - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-002"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc... " name="assert" /> - - <style type="text/css"><![CDATA[ - html - { - writing-mode: vertical-rl; - } - /* - " - The principal writing mode of the document is determined by the writing-mode - and direction values specified on the root element. - " - */ - - body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } - - div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.right-border - { - border-right: blue solid 1em; - } - - div#left-border - { - border-left: blue solid 1em; - } - ]]></style> - </head> - - <body> - -<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> - -<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> - -<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> - -<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> - - - -<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> - -<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> - -<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> - -<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> - - - -<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> - -<!-- The 2nd right-most line of "A" --> <div>Z a </div> - -<!-- The 3rd right-most line of "A" --> <div>b c </div> - -<!-- The 4th right-most line of "A" --> <div>ddddddd</div> - - - -<!-- The right-most line of "P" --> <div class="right-border">eeee </div> - -<!-- The 2nd right-most line of "P" --> <div>f g </div> - -<!-- The 3rd right-most line of "P" --> <div>h j </div> - -<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-003.xht deleted file mode 100644 index dce33f260b2..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-003.xht +++ /dev/null @@ -1,103 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: vertical-lr - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-003"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc... " name="assert" /> - - <style type="text/css"><![CDATA[ - html - { - writing-mode: vertical-lr; - } - /* - " - The principal writing mode of the document is determined by the writing-mode - and direction values specified on the root element. - " - */ - - body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } - - div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.left-border - { - border-left: blue solid 1em; - } - - div#right-border - { - border-right: blue solid 1em; - } - ]]></style> - </head> - - <body> - -<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> - -<!-- The 2nd left-most line of "P" --> <div>B C </div> - -<!-- The 3rd left-most line of "P" --> <div>D E </div> - -<!-- The 4th left-most line of "P" --> <div>FFFF </div> - - - -<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> - -<!-- The 2nd left-most line of "A" --> <div>H J </div> - -<!-- The 3rd left-most line of "A" --> <div>K L </div> - -<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> - - - -<!-- The 1st left-most line of left-most "S" --> <div class="left-border">NNNN Q</div> - -<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> - -<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> - -<!-- The 4th left-most line of left-most "S" --> <div>X YYYY</div> - - - -<!-- The left-most line of right-most "S" --> <div class="left-border">aaaa b</div> - -<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> - -<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> - -<!-- The 4th left-most line of right-most "S" --> <div id="right-border">j kkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-005.xht deleted file mode 100644 index bd07aa3a9fc..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-005.xht +++ /dev/null @@ -1,97 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: 'float: left' and 'vertical-rl' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-005"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that a left-floated box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#floated-left - { - background-color: blue; - border-top: blue solid 1em; - float: left; - height: 8em; - writing-mode: vertical-rl; - } - - div.right-border - { - border-right: blue solid 1em; - } - - div#left-border - { - border-left: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div id="floated-left"> - -<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> - -<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> - -<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> - -<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> - - - -<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> - -<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> - -<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> - -<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> - - - -<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> - -<!-- The 2nd right-most line of "A" --> <div>Z a </div> - -<!-- The 3rd right-most line of "A" --> <div>b c </div> - -<!-- The 4th right-most line of "A" --> <div>ddddddd</div> - - - -<!-- The right-most line of "P" --> <div class="right-border">eeee </div> - -<!-- The 2nd right-most line of "P" --> <div>f g </div> - -<!-- The 3rd right-most line of "P" --> <div>h j </div> - -<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-006.xht deleted file mode 100644 index f9597ba7afc..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-006.xht +++ /dev/null @@ -1,99 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: 'float: left' and 'vertical-rl' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-006"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that left-floated boxes with 'writing-mode' set to 'vertical-rl' establish block formating contexts with a right-to-left block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div.floated-left - { - background-color: blue; - border-bottom: blue solid 1em; - border-left: blue solid 1em; - border-top: blue solid 1em; - float: left; - writing-mode: vertical-rl; - } - - div#right-border - { - border-right: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div class="floated-left"> - -<!-- The right-most line of "P" --> <div>eeee </div> - -<!-- The 2nd right-most line of "P" --> <div>f g </div> - -<!-- The 3rd right-most line of "P" --> <div>h j </div> - -<!-- The 4th right-most line of "P" --> <div>kkkkkkk</div> - - </div> - - <div class="floated-left"> - -<!-- The right-most line of "A" --> <div>YYYYYYY</div> - -<!-- The 2nd right-most line of "A" --> <div>Z a </div> - -<!-- The 3rd right-most line of "A" --> <div>b c </div> - -<!-- The 4th right-most line of "A" --> <div>ddddddd</div> - - </div> - - <div class="floated-left"> - -<!-- The right-most line of left-most "S" --> <div>L MMMM</div> - -<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> - -<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> - -<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> - - </div> - - <div class="floated-left" id="right-border"> - -<!-- The right-most line of right-most "S" --> <div>A BBBB</div> - -<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> - -<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> - -<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-007.xht deleted file mode 100644 index a8697fa00e9..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-007.xht +++ /dev/null @@ -1,97 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: 'float: right' and 'vertical-lr' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-007"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that a right-floated box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#floated-right - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - float: right; - writing-mode: vertical-lr; - } - - div.left-border - { - border-left: blue solid 1em; - } - - div#right-border - { - border-right: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div id="floated-right"> - -<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> - -<!-- The 2nd left-most line of "P" --> <div>B C </div> - -<!-- The 3rd left-most line of "P" --> <div>D E </div> - -<!-- The 4th left-most line of "P" --> <div>FFFF </div> - - - -<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> - -<!-- The 2nd left-most line of "A" --> <div>H J </div> - -<!-- The 3rd left-most line of "A" --> <div>K L </div> - -<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> - - - -<!-- The 1st left-most line of left-most "S" --> <div class="left-border">NNNN Q</div> - -<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> - -<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> - -<!-- The 4th left-most line of left-most "S" --> <div>X YYYY</div> - - - -<!-- The left-most line of right-most "S" --> <div class="left-border">aaaa b</div> - -<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> - -<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> - -<!-- The 4th left-most line of right-most "S" --> <div id="right-border">j kkkk</div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-008.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-008.xht deleted file mode 100644 index 11bab3ec7af..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-008.xht +++ /dev/null @@ -1,99 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: 'float: right' and 'vertical-lr' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-008"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that right-floated boxes with 'writing-mode' set to 'vertical-lr' establish block formating contexts with a left-to-right block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div.floated-right - { - background-color: blue; - border-bottom: blue solid 1em; - border-right: blue solid 1em; - border-top: blue solid 1em; - float: right; - writing-mode: vertical-lr; - } - - div#left-border - { - border-left: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div class="floated-right"> - -<!-- The left-most line of right-most "S" --> <div>aaaa b</div> - -<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> - -<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> - -<!-- The 4th left-most line of right-most "S" --> <div>j kkkk</div> - - </div> - - <div class="floated-right"> - -<!-- The 1st left-most line of left-most "S" --> <div>NNNN Q</div> - -<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> - -<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> - -<!-- The 4th left-most line of left-most "S" --> <div>X YYYY</div> - - </div> - - <div class="floated-right"> - -<!-- The left-most line of "A" --> <div>GGGGGGG</div> - -<!-- The 2nd left-most line of "A" --> <div>H J </div> - -<!-- The 3rd left-most line of "A" --> <div>K L </div> - -<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> - - </div> - - <div class="floated-right" id="left-border"> - -<!-- The 1st left-most line of "P" --> <div>AAAAAAA</div> - -<!-- The 2nd left-most line of "P" --> <div>B C </div> - -<!-- The 3rd left-most line of "P" --> <div>D E </div> - -<!-- The 4th left-most line of "P" --> <div>FFFF </div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-009.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-009.xht deleted file mode 100644 index 7055a6aea09..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-009.xht +++ /dev/null @@ -1,103 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: position absolute and 'vertical-rl' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-009"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#abs-pos - { - height: 9em; - left: auto; - position: absolute; - writing-mode: vertical-rl; - } - - div#abs-pos > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.right-border - { - border-right: blue solid 1em; - } - - div#left-border - { - border-left: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div id="abs-pos"> - -<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> - -<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> - -<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> - -<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> - - - -<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> - -<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> - -<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> - -<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> - - - -<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> - -<!-- The 2nd right-most line of "A" --> <div>Z a </div> - -<!-- The 3rd right-most line of "A" --> <div>b c </div> - -<!-- The 4th right-most line of "A" --> <div>ddddddd</div> - - - -<!-- The right-most line of "P" --> <div class="right-border">eeee </div> - -<!-- The 2nd right-most line of "P" --> <div>f g </div> - -<!-- The 3rd right-most line of "P" --> <div>h j </div> - -<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-010.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-010.xht deleted file mode 100644 index c1292e77c92..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-010.xht +++ /dev/null @@ -1,103 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: position absolute and 'vertical-lr' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-010"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#abs-pos - { - height: 9em; - left: auto; - position: absolute; - writing-mode: vertical-lr; - } - - div#abs-pos > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.left-border - { - border-left: blue solid 1em; - } - - div#right-border - { - border-right: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div id="abs-pos"> - -<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> - -<!-- The 2nd left-most line of "P" --> <div>B C </div> - -<!-- The 3rd left-most line of "P" --> <div>D E </div> - -<!-- The 4th left-most line of "P" --> <div>FFFF </div> - - - -<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> - -<!-- The 2nd left-most line of "A" --> <div>H J </div> - -<!-- The 3rd left-most line of "A" --> <div>K L </div> - -<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> - - - -<!-- The 1st left-most line of left-most "S" --> <div class="left-border">NNNN Q</div> - -<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> - -<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> - -<!-- The 4th left-most line of left-most "S" --> <div>X YYYY</div> - - - -<!-- The left-most line of right-most "S" --> <div class="left-border">aaaa b</div> - -<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> - -<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> - -<!-- The 4th left-most line of right-most "S" --> <div id="right-border">j kkkk</div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-011.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-011.xht deleted file mode 100644 index b02407f2ce7..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-011.xht +++ /dev/null @@ -1,113 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: inline-block and 'vertical-rl' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-011"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#inline-block - { - background-color: blue; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; - /* - Why 'vertical-align: top' ? - See - http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html - for explanations - */ - writing-mode: vertical-rl; - } - - span - { - display: block; - } - - span.right-border - { - border-right: blue solid 1em; - } - - span#left-border - { - border-left: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div> - - <div id="inline-block"> - -<!-- The right-most line of right-most "S" --> <span class="right-border">A BBBB</span> - -<!-- The 2nd right-most line of right-most "S" --> <span>C D E</span> - -<!-- The 3rd right-most line of right-most "S" --> <span>F G H</span> - -<!-- The 4th right-most line of right-most "S" --> <span>JJJJ K</span> - - - -<!-- The right-most line of left-most "S" --> <span class="right-border">L MMMM</span> - -<!-- The 2nd right-most line of left-most "S" --> <span>Q R S</span> - -<!-- The 3rd right-most line of left-most "S" --> <span>T U V</span> - -<!-- The 4th right-most line of left-most "S" --> <span>WWWW X</span> - - - -<!-- The right-most line of "A" --> <span class="right-border">YYYYYYY</span> - -<!-- The 2nd right-most line of "A" --> <span>Z a </span> - -<!-- The 3rd right-most line of "A" --> <span>b c </span> - -<!-- The 4th right-most line of "A" --> <span>ddddddd</span> - - - -<!-- The right-most line of "P" --> <span class="right-border">eeee </span> - -<!-- The 2nd right-most line of "P" --> <span>f g </span> - -<!-- The 3rd right-most line of "P" --> <span>h j </span> - -<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span> - - </div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-012.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-012.xht deleted file mode 100644 index 04aade54408..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-012.xht +++ /dev/null @@ -1,79 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: inline-block and 'vertical-rl' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-012"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#inline-block - { - background-color: blue; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; - /* - Why 'vertical-align: top' ? - See - http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html - for explanations - */ - writing-mode: vertical-rl; - } - - span - { - border-right: blue solid 1em; - display: block; - } - - span#left-border - { - border-left: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div> - - <div id="inline-block"> - -<!-- The right-most "S" --> <span>A BBBB C D E F G H JJJJ K</span> - -<!-- The left-most "S" --> <span>L MMMM Q R S T U V WWWW X</span> - -<!-- The "A" --> <span>YYYYYYY Z a b c ddddddd</span> - -<!-- The "P" --> <span id="left-border">eeee f g h j kkkkkkk</span> - - </div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-013.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-013.xht deleted file mode 100644 index 7cf91861a9b..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-013.xht +++ /dev/null @@ -1,109 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: inline-block and 'vertical-rl' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-013"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div.inline-block - { - background-color: blue; - border-right: blue solid 1em; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; - /* - Why 'vertical-align: top' ? - See - http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html - for explanations - */ - writing-mode: vertical-rl; - } - - span - { - display: block; - } - - span#left-border - { - border-left: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div> - - <div class="inline-block"> - -<!-- The right-most line of "P" --> <span>eeee </span> - -<!-- The 2nd right-most line of "P" --> <span>f g </span> - -<!-- The 3rd right-most line of "P" --> <span>h j </span> - -<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span> - - </div><div class="inline-block"> - -<!-- The right-most line of "A" --> <span>YYYYYYY</span> - -<!-- The 2nd right-most line of "A" --> <span>Z a </span> - -<!-- The 3rd right-most line of "A" --> <span>b c </span> - -<!-- The 4th right-most line of "A" --> <span>ddddddd</span> - - </div><div class="inline-block"> - -<!-- The right-most line of left-most "S" --> <span>L MMMM</span> - -<!-- The 2nd right-most line of left-most "S" --> <span>Q R S</span> - -<!-- The 3rd right-most line of left-most "S" --> <span>T U V</span> - -<!-- The 4th right-most line of left-most "S" --> <span>WWWW X</span> - - </div><div class="inline-block"> - -<!-- The right-most line of right-most "S" --> <span>A BBBB</span> - -<!-- The 2nd right-most line of right-most "S" --> <span>C D E</span> - -<!-- The 3rd right-most line of right-most "S" --> <span>F G H</span> - -<!-- The 4th right-most line of right-most "S" --> <span>JJJJ K</span> - - </div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-014.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-014.xht deleted file mode 100644 index e94b299770b..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-014.xht +++ /dev/null @@ -1,113 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: inline-block and 'vertical-lr' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-014"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#inline-block - { - background-color: blue; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; - /* - Why 'vertical-align: top' ? - See - http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html - for explanations - */ - writing-mode: vertical-lr; - } - - span - { - display: block; - } - - span.left-border - { - border-left: blue solid 1em; - } - - span#right-border - { - border-right: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div> - - <div id="inline-block"> - -<!-- The 1st left-most line of "P" --> <span class="left-border">AAAAAAA</span> - -<!-- The 2nd left-most line of "P" --> <span>B C </span> - -<!-- The 3rd left-most line of "P" --> <span>D E </span> - -<!-- The 4th left-most line of "P" --> <span>FFFF </span> - - - -<!-- The left-most line of "A" --> <span class="left-border">GGGGGGG</span> - -<!-- The 2nd left-most line of "A" --> <span>H J </span> - -<!-- The 3rd left-most line of "A" --> <span>K L </span> - -<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span> - - - -<!-- The 1st left-most line of left-most "S" --> <span class="left-border">NNNN Q</span> - -<!-- The 2nd left-most line of left-most "S" --> <span>R S T</span> - -<!-- The 3rd left-most line of left-most "S" --> <span>U V W</span> - -<!-- The 4th left-most line of left-most "S" --> <span>X YYYY</span> - - - -<!-- The left-most line of right-most "S" --> <span class="left-border">aaaa b</span> - -<!-- The 2nd left-most line of right-most "S" --> <span>c d e</span> - -<!-- The 3rd left-most line of right-most "S" --> <span>f g h</span> - -<!-- The 4th left-most line of right-most "S" --> <span id="right-border">j kkkk</span> - - </div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-015.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-015.xht deleted file mode 100644 index 6605d2412e6..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-015.xht +++ /dev/null @@ -1,72 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: inline-block and 'vertical-lr' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-015"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#inline-block - { - background-color: blue; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - writing-mode: vertical-lr; - } - - span - { - border-left: blue solid 1em; - display: block; - } - - span#right-border - { - border-right: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div> - - <div id="inline-block"> - -<!-- The "P" --> <span>AAAAAAA B C D E FFFF </span> - -<!-- The "A" --> <span>GGGGGGG H J K L MMMMMMM</span> - -<!-- The left-most "S" --> <span>NNNN Q R S T U V W X YYYY</span> - -<!-- The right-most "S" --> <span id="right-border">aaaa b c d e f g h j kkkk</span> - - </div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-016.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-016.xht deleted file mode 100644 index 56c4c32cf05..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-016.xht +++ /dev/null @@ -1,109 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: inline-block and 'vertical-lr' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-016"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div.inline-block - { - background-color: blue; - border-left: blue solid 1em; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; - /* - Why 'vertical-align: top' ? - See - http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html - for explanations - */ - writing-mode: vertical-lr; - } - - span - { - display: block; - } - - span#right-border - { - border-right: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div> - - <div class="inline-block"> - -<!-- The 1st left-most line of "P" --> <span>AAAAAAA</span> - -<!-- The 2nd left-most line of "P" --> <span>B C </span> - -<!-- The 3rd left-most line of "P" --> <span>D E </span> - -<!-- The 4th left-most line of "P" --> <span>FFFF </span> - - </div><div class="inline-block"> - -<!-- The left-most line of "A" --> <span>GGGGGGG</span> - -<!-- The 2nd left-most line of "A" --> <span>H J </span> - -<!-- The 3rd left-most line of "A" --> <span>K L </span> - -<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span> - - </div><div class="inline-block"> - -<!-- The 1st left-most line of left-most "S" --> <span>NNNN Q</span> - -<!-- The 2nd left-most line of left-most "S" --> <span>R S T</span> - -<!-- The 3rd left-most line of left-most "S" --> <span>U V W</span> - -<!-- The 4th left-most line of left-most "S" --> <span>X YYYY</span> - - </div><div class="inline-block"> - -<!-- The left-most line of right-most "S" --> <span>aaaa b</span> - -<!-- The 2nd left-most line of right-most "S" --> <span>c d e</span> - -<!-- The 3rd left-most line of right-most "S" --> <span>f g h</span> - -<!-- The 4th left-most line of right-most "S" --> <span id="right-border">j kkkk</span> - - </div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-017.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-017.xht deleted file mode 100644 index 4cfd0f998d6..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-017.xht +++ /dev/null @@ -1,102 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: table-cell and 'vertical-rl' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-017"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that a table-cell with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#table-cell - { - display: table-cell; - height: 9em; - writing-mode: vertical-rl; - } - - div#table-cell > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.right-border - { - border-right: blue solid 1em; - } - - div#left-border - { - border-left: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div id="table-cell"> - -<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> - -<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> - -<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> - -<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> - - - -<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> - -<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> - -<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> - -<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> - - - -<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> - -<!-- The 2nd right-most line of "A" --> <div>Z a </div> - -<!-- The 3rd right-most line of "A" --> <div>b c </div> - -<!-- The 4th right-most line of "A" --> <div>ddddddd</div> - - - -<!-- The right-most line of "P" --> <div class="right-border">eeee </div> - -<!-- The 2nd right-most line of "P" --> <div>f g </div> - -<!-- The 3rd right-most line of "P" --> <div>h j </div> - -<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-018.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-018.xht deleted file mode 100644 index cdd297e947e..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-018.xht +++ /dev/null @@ -1,102 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: table-cell and 'vertical-lr' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-018"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that a table-cell with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#table-cell - { - display: table-cell; - height: 9em; - writing-mode: vertical-lr; - } - - div#table-cell > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.left-border - { - border-left: blue solid 1em; - } - - div#right-border - { - border-right: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div id="table-cell"> - -<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> - -<!-- The 2nd left-most line of "P" --> <div>B C </div> - -<!-- The 3rd left-most line of "P" --> <div>D E </div> - -<!-- The 4th left-most line of "P" --> <div>FFFF </div> - - - -<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> - -<!-- The 2nd left-most line of "A" --> <div>H J </div> - -<!-- The 3rd left-most line of "A" --> <div>K L </div> - -<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> - - - -<!-- The 1st left-most line of left-most "S" --> <div class="left-border">NNNN Q</div> - -<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> - -<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> - -<!-- The 4th left-most line of left-most "S" --> <div>X YYYY</div> - - - -<!-- The left-most line of right-most "S" --> <div class="left-border">aaaa b</div> - -<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> - -<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> - -<!-- The 4th left-most line of right-most "S" --> <div id="right-border">j kkkk</div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-019.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-019.xht deleted file mode 100644 index 668045bf4bd..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-019.xht +++ /dev/null @@ -1,102 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: table-caption and 'vertical-rl' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-019"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that a table-caption with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#table-caption - { - display: table-caption; - height: 9em; - writing-mode: vertical-rl; - } - - div#table-caption > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.right-border - { - border-right: blue solid 1em; - } - - div#left-border - { - border-left: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div id="table-caption"> - -<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> - -<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> - -<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> - -<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> - - - -<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> - -<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> - -<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> - -<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> - - - -<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> - -<!-- The 2nd right-most line of "A" --> <div>Z a </div> - -<!-- The 3rd right-most line of "A" --> <div>b c </div> - -<!-- The 4th right-most line of "A" --> <div>ddddddd</div> - - - -<!-- The right-most line of "P" --> <div class="right-border">eeee </div> - -<!-- The 2nd right-most line of "P" --> <div>f g </div> - -<!-- The 3rd right-most line of "P" --> <div>h j </div> - -<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-020.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-020.xht deleted file mode 100644 index 3c8bf1ce738..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-020.xht +++ /dev/null @@ -1,102 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: table-caption and 'vertical-lr' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-020"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that a table-caption with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#table-caption - { - display: table-caption; - height: 9em; - writing-mode: vertical-lr; - } - - div#table-caption > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.left-border - { - border-left: blue solid 1em; - } - - div#right-border - { - border-right: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div id="table-caption"> - -<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> - -<!-- The 2nd left-most line of "P" --> <div>B C </div> - -<!-- The 3rd left-most line of "P" --> <div>D E </div> - -<!-- The 4th left-most line of "P" --> <div>FFFF </div> - - - -<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> - -<!-- The 2nd left-most line of "A" --> <div>H J </div> - -<!-- The 3rd left-most line of "A" --> <div>K L </div> - -<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> - - - -<!-- The 1st left-most line of left-most "S" --> <div class="left-border">NNNN Q</div> - -<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> - -<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> - -<!-- The 4th left-most line of left-most "S" --> <div>X YYYY</div> - - - -<!-- The left-most line of right-most "S" --> <div class="left-border">aaaa b</div> - -<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> - -<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> - -<!-- The 4th left-most line of right-most "S" --> <div id="right-border">j kkkk</div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-021.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-021.xht deleted file mode 100644 index c9653dcc7d1..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-021.xht +++ /dev/null @@ -1,105 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: list and vertical-rl - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-021"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> - - <meta content="ahem image" name="flags" /> - <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc... " name="assert" /> - - <style type="text/css"><![CDATA[ - html - { - writing-mode: vertical-rl; - } - /* - " - The principal writing mode of the document is determined by the writing-mode - and direction values specified on the root element. - " - */ - - body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } - - ul - { - background-color: blue; - border-bottom: blue solid 1em; - list-style: none outside url("support/blue1x1.png"); - margin: 0em; - padding-top: 1em; /* overriding default padding-start: 40px in several browsers */ - } - - ul.right-border - { - border-right: blue solid 1em; - } - - ul#left-border - { - border-left: blue solid 1em; - } - ]]></style> - </head> - - <body> - -<!-- The right-most line of right-most "S" --> <ul class="right-border"><li>A BBBB</li></ul> - -<!-- The 2nd right-most line of right-most "S" --> <ul><li>C D E</li></ul> - -<!-- The 3rd right-most line of right-most "S" --> <ul><li>F G H</li></ul> - -<!-- The 4th right-most line of right-most "S" --> <ul><li>JJJJ K</li></ul> - - - -<!-- The right-most line of left-most "S" --> <ul class="right-border"><li>L MMMM</li></ul> - -<!-- The 2nd right-most line of left-most "S" --> <ul><li>Q R S</li></ul> - -<!-- The 3rd right-most line of left-most "S" --> <ul><li>T U V</li></ul> - -<!-- The 4th right-most line of left-most "S" --> <ul><li>WWWW X</li></ul> - - - -<!-- The right-most line of "A" --> <ul class="right-border"><li>YYYYYYY</li></ul> - -<!-- The 2nd right-most line of "A" --> <ul><li>Z a </li></ul> - -<!-- The 3rd right-most line of "A" --> <ul><li>b c </li></ul> - -<!-- The 4th right-most line of "A" --> <ul><li>ddddddd</li></ul> - - - -<!-- The right-most line of "P" --> <ul class="right-border"><li>eeee </li></ul> - -<!-- The 2nd right-most line of "P" --> <ul><li>f g </li></ul> - -<!-- The 3rd right-most line of "P" --> <ul><li>h j </li></ul> - -<!-- The 4th right-most line of "P" --> <ul id="left-border"><li>kkkkkkk</li></ul> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-022.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-022.xht deleted file mode 100644 index eee45c2960d..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-022.xht +++ /dev/null @@ -1,105 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: list and vertical-lr - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-022"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem image" name="flags" /> - <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc... " name="assert" /> - - <style type="text/css"><![CDATA[ - html - { - writing-mode: vertical-lr; - } - /* - " - The principal writing mode of the document is determined by the writing-mode - and direction values specified on the root element. - " - */ - - body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } - - ul - { - background-color: blue; - border-bottom: blue solid 1em; - list-style: none outside url("support/blue1x1.png"); - margin: 0em; - padding-top: 1em; /* overriding default 40px in several browsers */ - } - - ul.left-border - { - border-left: blue solid 1em; - } - - ul#right-border - { - border-right: blue solid 1em; - } - ]]></style> - </head> - - <body> - -<!-- The 1st left-most line of "P" --> <ul class="left-border"><li>AAAAAAA</li></ul> - -<!-- The 2nd left-most line of "P" --> <ul><li>B C </li></ul> - -<!-- The 3rd left-most line of "P" --> <ul><li>D E </li></ul> - -<!-- The 4th left-most line of "P" --> <ul><li>FFFF </li></ul> - - - -<!-- The left-most line of "A" --> <ul class="left-border"><li>GGGGGGG</li></ul> - -<!-- The 2nd left-most line of "A" --> <ul><li>H J </li></ul> - -<!-- The 3rd left-most line of "A" --> <ul><li>K L </li></ul> - -<!-- The 4th left-most line of "A" --> <ul><li>MMMMMMM</li></ul> - - - -<!-- The 1st left-most line of left-most "S" --> <ul class="left-border"><li>NNNN Q</li></ul> - -<!-- The 2nd left-most line of left-most "S" --> <ul><li>R S T</li></ul> - -<!-- The 3rd left-most line of left-most "S" --> <ul><li>U V W</li></ul> - -<!-- The 4th left-most line of left-most "S" --> <ul><li>X YYYY</li></ul> - - - -<!-- The left-most line of right-most "S" --> <ul class="left-border"><li>aaaa b</li></ul> - -<!-- The 2nd left-most line of right-most "S" --> <ul><li>c d e</li></ul> - -<!-- The 3rd left-most line of right-most "S" --> <ul><li>f g h</li></ul> - -<!-- The 4th left-most line of right-most "S" --> <ul id="right-border"><li>j kkkk</li></ul> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-023.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-023.xht deleted file mode 100644 index 60f8bb3029e..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-023.xht +++ /dev/null @@ -1,72 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: vertical-lr - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-023"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc... " name="assert" /> - - <!-- - This test is a variation of block-flow-direction-003 test. - --> - - <style type="text/css"><![CDATA[ - html - { - writing-mode: vertical-lr; - } - /* - " - The principal writing mode of the document is determined by the writing-mode - and direction values specified on the root element. - " - */ - - body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } - - div - { - background-color: blue; - border: blue solid 1em; - border-right: blue none 0em; - } - - div#right-most - { - border-right: blue solid 1em; - } - ]]></style> - </head> - - <body> - -<!-- The "P" --> <div>AAAAAAA B C D E FFFF </div> - -<!-- The "A" --> <div>GGGGGGG H J K L MMMMMMM</div> - -<!-- The left-most "S" --> <div>NNNN Q R S T U V W X YYYY</div> - -<!-- The right-most "S" --> <div id="right-most">aaaa b c d e f g h j kkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-024.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-024.xht deleted file mode 100644 index 8cb46b6dfba..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-024.xht +++ /dev/null @@ -1,73 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: vertical-rl - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-024"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc... " name="assert" /> - - <!-- - This test is a variation of block-flow-direction-002 test. - --> - - <style type="text/css"><![CDATA[ - html - { - writing-mode: vertical-rl; - } - /* - " - The principal writing mode of the document is determined by the writing-mode - and direction values specified on the root element. - " - */ - - body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } - - div - { - background-color: blue; - border-bottom: blue solid 1em; - border-right: blue solid 1em; - border-top: blue solid 1em; - } - - div#left-border - { - border-left: blue solid 1em; - } - ]]></style> - </head> - - <body> - -<!-- The right-most "S" --> <div>A BBBB C D E F G H JJJJ K</div> - -<!-- The left-most "S" --> <div>L MMMM Q R S T U V WWWW X</div> - -<!-- The "A" --> <div>YYYYYYY Z a b c ddddddd</div> - -<!-- The "P" --> <div id="left-border">eeee f g h j kkkkkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-025.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-025.xht deleted file mode 100644 index da0b7a6aa50..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-025.xht +++ /dev/null @@ -1,47 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: writing mode of document - horizontal position of first block</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-025"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="help" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting" title="9.4.1 Block formatting contexts" /> - <link rel="match" href="reference/block-flow-direction-025-ref.xht" /> - - <meta content="image" name="flags" /> - <meta content="This test checks that, when 'writing-mode' value of the root element is set to 'vertical-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side." name="assert" /> - - <style type="text/css"><![CDATA[ - html - { - writing-mode: vertical-rl; - } - - div - { - background-color: blue; - height: 100px; - width: 100px; - } - ]]></style> - </head> - - <body> - - <div></div> - - <p><img src="support/block-flow-direction-025-exp-res.png" width="359" height="36" alt="Image download support must be enabled" /></p> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-042.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-042.xht deleted file mode 100644 index e2d71e88910..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-042.xht +++ /dev/null @@ -1,103 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: sideways-rl - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-042"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc... " name="assert" /> - - <style type="text/css"><![CDATA[ - html - { - writing-mode: sideways-rl; - } - /* - " - The principal writing mode of the document is determined by the writing-mode - and direction values specified on the root element. - " - */ - - body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } - - div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.right-border - { - border-right: blue solid 1em; - } - - div#left-border - { - border-left: blue solid 1em; - } - ]]></style> - </head> - - <body> - -<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> - -<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> - -<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> - -<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> - - - -<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> - -<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> - -<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> - -<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> - - - -<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> - -<!-- The 2nd right-most line of "A" --> <div>Z a </div> - -<!-- The 3rd right-most line of "A" --> <div>b c </div> - -<!-- The 4th right-most line of "A" --> <div>ddddddd</div> - - - -<!-- The right-most line of "P" --> <div class="right-border">eeee </div> - -<!-- The 2nd right-most line of "P" --> <div>f g </div> - -<!-- The 3rd right-most line of "P" --> <div>h j </div> - -<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-043.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-043.xht deleted file mode 100644 index 7429aa39ca8..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-043.xht +++ /dev/null @@ -1,103 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: sideways-lr - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-043"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-043-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc... " name="assert" /> - - <style type="text/css"><![CDATA[ - html - { - writing-mode: sideways-lr; - } - /* - " - The principal writing mode of the document is determined by the writing-mode - and direction values specified on the root element. - " - */ - - body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } - - div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.left-border - { - border-left: blue solid 1em; - } - - div#right-border - { - border-right: blue solid 1em; - } - ]]></style> - </head> - - <body> - -<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> - -<!-- The 2nd left-most line of "P" --> <div> B C</div> - -<!-- The 3rd left-most line of "P" --> <div> D E</div> - -<!-- The 4th left-most line of "P" --> <div> FFFF</div> - - - -<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> - -<!-- The 2nd left-most line of "A" --> <div> H J</div> - -<!-- The 3rd left-most line of "A" --> <div> K L</div> - -<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> - - - -<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N QQQQ</div> - -<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> - -<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> - -<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> - - - -<!-- The left-most line of right-most "S" --> <div class="left-border">a bbbb</div> - -<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> - -<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> - -<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj k</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-045.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-045.xht deleted file mode 100644 index c761515811c..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-045.xht +++ /dev/null @@ -1,97 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: 'float: left' and 'sideways-rl' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-045"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that a left-floated box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#floated-left - { - background-color: blue; - border-top: blue solid 1em; - float: left; - height: 8em; - writing-mode: sideways-rl; - } - - div.right-border - { - border-right: blue solid 1em; - } - - div#left-border - { - border-left: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div id="floated-left"> - -<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> - -<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> - -<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> - -<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> - - - -<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> - -<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> - -<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> - -<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> - - - -<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> - -<!-- The 2nd right-most line of "A" --> <div>Z a </div> - -<!-- The 3rd right-most line of "A" --> <div>b c </div> - -<!-- The 4th right-most line of "A" --> <div>ddddddd</div> - - - -<!-- The right-most line of "P" --> <div class="right-border">eeee </div> - -<!-- The 2nd right-most line of "P" --> <div>f g </div> - -<!-- The 3rd right-most line of "P" --> <div>h j </div> - -<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-046.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-046.xht deleted file mode 100644 index 3159b803534..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-046.xht +++ /dev/null @@ -1,99 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: 'float: left' and 'sideways-rl' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-046"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that left-floated boxes with 'writing-mode' set to 'sideways-rl' establish block formating contexts with a right-to-left block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div.floated-left - { - background-color: blue; - border-bottom: blue solid 1em; - border-left: blue solid 1em; - border-top: blue solid 1em; - float: left; - writing-mode: sideways-rl; - } - - div#right-border - { - border-right: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div class="floated-left"> - -<!-- The right-most line of "P" --> <div>eeee </div> - -<!-- The 2nd right-most line of "P" --> <div>f g </div> - -<!-- The 3rd right-most line of "P" --> <div>h j </div> - -<!-- The 4th right-most line of "P" --> <div>kkkkkkk</div> - - </div> - - <div class="floated-left"> - -<!-- The right-most line of "A" --> <div>YYYYYYY</div> - -<!-- The 2nd right-most line of "A" --> <div>Z a </div> - -<!-- The 3rd right-most line of "A" --> <div>b c </div> - -<!-- The 4th right-most line of "A" --> <div>ddddddd</div> - - </div> - - <div class="floated-left"> - -<!-- The right-most line of left-most "S" --> <div>L MMMM</div> - -<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> - -<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> - -<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> - - </div> - - <div class="floated-left" id="right-border"> - -<!-- The right-most line of right-most "S" --> <div>A BBBB</div> - -<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> - -<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> - -<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-047.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-047.xht deleted file mode 100644 index 4452bfa9112..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-047.xht +++ /dev/null @@ -1,97 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: 'float: right' and 'sideways-lr' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-047"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that a right-floated box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#floated-right - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - float: right; - writing-mode: sideways-lr; - } - - div.left-border - { - border-left: blue solid 1em; - } - - div#right-border - { - border-right: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div id="floated-right"> - -<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> - -<!-- The 2nd left-most line of "P" --> <div> B C</div> - -<!-- The 3rd left-most line of "P" --> <div> D E</div> - -<!-- The 4th left-most line of "P" --> <div> FFFF</div> - - - -<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> - -<!-- The 2nd left-most line of "A" --> <div> H J</div> - -<!-- The 3rd left-most line of "A" --> <div> K L</div> - -<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> - - - -<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N QQQQ</div> - -<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> - -<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> - -<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> - - - -<!-- The left-most line of right-most "S" --> <div class="left-border">a bbbb</div> - -<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> - -<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> - -<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj k</div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-048.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-048.xht deleted file mode 100644 index 35c393b734e..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-048.xht +++ /dev/null @@ -1,99 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: 'float: right' and 'sideways-lr' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-048"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that right-floated boxes with 'writing-mode' set to 'sideways-lr' establish block formating contexts with a left-to-right block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div.floated-right - { - background-color: blue; - border-bottom: blue solid 1em; - border-right: blue solid 1em; - border-top: blue solid 1em; - float: right; - writing-mode: sideways-lr; - } - - div#left-border - { - border-left: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div class="floated-right"> - -<!-- The left-most line of right-most "S" --> <div>a bbbb</div> - -<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> - -<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> - -<!-- The 4th left-most line of right-most "S" --> <div>jjjj k</div> - - </div> - - <div class="floated-right"> - -<!-- The 1st left-most line of left-most "S" --> <div>N QQQQ</div> - -<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> - -<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> - -<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> - - </div> - - <div class="floated-right"> - -<!-- The left-most line of "A" --> <div>GGGGGGG</div> - -<!-- The 2nd left-most line of "A" --> <div> H J</div> - -<!-- The 3rd left-most line of "A" --> <div> K L</div> - -<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> - - </div> - - <div class="floated-right" id="left-border"> - -<!-- The 1st left-most line of "P" --> <div>AAAAAAA</div> - -<!-- The 2nd left-most line of "P" --> <div> B C</div> - -<!-- The 3rd left-most line of "P" --> <div> D E</div> - -<!-- The 4th left-most line of "P" --> <div> FFFF</div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-049.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-049.xht deleted file mode 100644 index 190e1b0d540..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-049.xht +++ /dev/null @@ -1,103 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: position absolute and 'sideways-rl' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-049"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#abs-pos - { - height: 9em; - left: auto; - position: absolute; - writing-mode: sideways-rl; - } - - div#abs-pos > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.right-border - { - border-right: blue solid 1em; - } - - div#left-border - { - border-left: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div id="abs-pos"> - -<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> - -<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> - -<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> - -<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> - - - -<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> - -<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> - -<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> - -<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> - - - -<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> - -<!-- The 2nd right-most line of "A" --> <div>Z a </div> - -<!-- The 3rd right-most line of "A" --> <div>b c </div> - -<!-- The 4th right-most line of "A" --> <div>ddddddd</div> - - - -<!-- The right-most line of "P" --> <div class="right-border">eeee </div> - -<!-- The 2nd right-most line of "P" --> <div>f g </div> - -<!-- The 3rd right-most line of "P" --> <div>h j </div> - -<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-050.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-050.xht deleted file mode 100644 index 58c44d60412..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-050.xht +++ /dev/null @@ -1,103 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: position absolute and 'sideways-lr' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-050"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#abs-pos - { - height: 9em; - left: auto; - position: absolute; - writing-mode: sideways-lr; - } - - div#abs-pos > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.left-border - { - border-left: blue solid 1em; - } - - div#right-border - { - border-right: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div id="abs-pos"> - -<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> - -<!-- The 2nd left-most line of "P" --> <div> B C</div> - -<!-- The 3rd left-most line of "P" --> <div> D E</div> - -<!-- The 4th left-most line of "P" --> <div> FFFF</div> - - - -<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> - -<!-- The 2nd left-most line of "A" --> <div> H J</div> - -<!-- The 3rd left-most line of "A" --> <div> K L</div> - -<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> - - - -<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N QQQQ</div> - -<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> - -<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> - -<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> - - - -<!-- The left-most line of right-most "S" --> <div class="left-border">a bbbb</div> - -<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> - -<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> - -<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj k</div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-051.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-051.xht deleted file mode 100644 index 0a364b6bbd5..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-051.xht +++ /dev/null @@ -1,113 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-051"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#inline-block - { - background-color: blue; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; - /* - Why 'vertical-align: top' ? - See - http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html - for explanations - */ - writing-mode: sideways-rl; - } - - span - { - display: block; - } - - span.right-border - { - border-right: blue solid 1em; - } - - span#left-border - { - border-left: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div> - - <div id="inline-block"> - -<!-- The right-most line of right-most "S" --> <span class="right-border">A BBBB</span> - -<!-- The 2nd right-most line of right-most "S" --> <span>C D E</span> - -<!-- The 3rd right-most line of right-most "S" --> <span>F G H</span> - -<!-- The 4th right-most line of right-most "S" --> <span>JJJJ K</span> - - - -<!-- The right-most line of left-most "S" --> <span class="right-border">L MMMM</span> - -<!-- The 2nd right-most line of left-most "S" --> <span>Q R S</span> - -<!-- The 3rd right-most line of left-most "S" --> <span>T U V</span> - -<!-- The 4th right-most line of left-most "S" --> <span>WWWW X</span> - - - -<!-- The right-most line of "A" --> <span class="right-border">YYYYYYY</span> - -<!-- The 2nd right-most line of "A" --> <span>Z a </span> - -<!-- The 3rd right-most line of "A" --> <span>b c </span> - -<!-- The 4th right-most line of "A" --> <span>ddddddd</span> - - - -<!-- The right-most line of "P" --> <span class="right-border">eeee </span> - -<!-- The 2nd right-most line of "P" --> <span>f g </span> - -<!-- The 3rd right-most line of "P" --> <span>h j </span> - -<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span> - - </div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-052.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-052.xht deleted file mode 100644 index 10d301658f1..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-052.xht +++ /dev/null @@ -1,79 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-052"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#inline-block - { - background-color: blue; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; - /* - Why 'vertical-align: top' ? - See - http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html - for explanations - */ - writing-mode: sideways-rl; - } - - span - { - border-right: blue solid 1em; - display: block; - } - - span#left-border - { - border-left: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div> - - <div id="inline-block"> - -<!-- The right-most "S" --> <span>A BBBB C D E F G H JJJJ K</span> - -<!-- The left-most "S" --> <span>L MMMM Q R S T U V WWWW X</span> - -<!-- The "A" --> <span>YYYYYYY Z a b c ddddddd</span> - -<!-- The "P" --> <span id="left-border">eeee f g h j kkkkkkk</span> - - </div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-053.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-053.xht deleted file mode 100644 index 387b56112c3..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-053.xht +++ /dev/null @@ -1,109 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-053"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div.inline-block - { - background-color: blue; - border-right: blue solid 1em; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; - /* - Why 'vertical-align: top' ? - See - http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html - for explanations - */ - writing-mode: sideways-rl; - } - - span - { - display: block; - } - - span#left-border - { - border-left: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div> - - <div class="inline-block"> - -<!-- The right-most line of "P" --> <span>eeee </span> - -<!-- The 2nd right-most line of "P" --> <span>f g </span> - -<!-- The 3rd right-most line of "P" --> <span>h j </span> - -<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span> - - </div><div class="inline-block"> - -<!-- The right-most line of "A" --> <span>YYYYYYY</span> - -<!-- The 2nd right-most line of "A" --> <span>Z a </span> - -<!-- The 3rd right-most line of "A" --> <span>b c </span> - -<!-- The 4th right-most line of "A" --> <span>ddddddd</span> - - </div><div class="inline-block"> - -<!-- The right-most line of left-most "S" --> <span>L MMMM</span> - -<!-- The 2nd right-most line of left-most "S" --> <span>Q R S</span> - -<!-- The 3rd right-most line of left-most "S" --> <span>T U V</span> - -<!-- The 4th right-most line of left-most "S" --> <span>WWWW X</span> - - </div><div class="inline-block"> - -<!-- The right-most line of right-most "S" --> <span>A BBBB</span> - -<!-- The 2nd right-most line of right-most "S" --> <span>C D E</span> - -<!-- The 3rd right-most line of right-most "S" --> <span>F G H</span> - -<!-- The 4th right-most line of right-most "S" --> <span>JJJJ K</span> - - </div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-054.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-054.xht deleted file mode 100644 index 9531ba43fe1..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-054.xht +++ /dev/null @@ -1,113 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-054"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#inline-block - { - background-color: blue; - border-bottom: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; - /* - Why 'vertical-align: top' ? - See - http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html - for explanations - */ - writing-mode: sideways-lr; - } - - span - { - display: block; - } - - span.left-border - { - border-left: blue solid 1em; - } - - span#right-border - { - border-right: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div> - - <div id="inline-block"> - -<!-- The 1st left-most line of "P" --> <span class="left-border">AAAAAAA</span> - -<!-- The 2nd left-most line of "P" --> <span> B C</span> - -<!-- The 3rd left-most line of "P" --> <span> D E</span> - -<!-- The 4th left-most line of "P" --> <span> FFFF</span> - - - -<!-- The left-most line of "A" --> <span class="left-border">GGGGGGG</span> - -<!-- The 2nd left-most line of "A" --> <span> H J</span> - -<!-- The 3rd left-most line of "A" --> <span> K L</span> - -<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span> - - - -<!-- The 1st left-most line of left-most "S" --> <span class="left-border">N QQQQ</span> - -<!-- The 2nd left-most line of left-most "S" --> <span>R S T</span> - -<!-- The 3rd left-most line of left-most "S" --> <span>U V W</span> - -<!-- The 4th left-most line of left-most "S" --> <span>XXXX Y</span> - - - -<!-- The left-most line of right-most "S" --> <span class="left-border">a bbbb</span> - -<!-- The 2nd left-most line of right-most "S" --> <span>c d e</span> - -<!-- The 3rd left-most line of right-most "S" --> <span>f g h</span> - -<!-- The 4th left-most line of right-most "S" --> <span id="right-border">jjjj k</span> - - </div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-055.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-055.xht deleted file mode 100644 index 521d88fae83..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-055.xht +++ /dev/null @@ -1,72 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-055"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#inline-block - { - background-color: blue; - border-bottom: blue solid 1em; - display: inline-block; - height: 8em; - writing-mode: sideways-lr; - } - - span - { - border-left: blue solid 1em; - display: block; - } - - span#right-border - { - border-right: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div> - - <div id="inline-block"> - -<!-- The "P" --> <span>AAAAAAA B C D E FFFF</span> - -<!-- The "A" --> <span>GGGGGGG H J K L MMMMMMM</span> - -<!-- The left-most "S" --> <span>N QQQQ R S T U V W XXXX Y</span> - -<!-- The right-most "S" --> <span id="right-border">a bbbb c d e f g h jjjj k</span> - - </div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-056.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-056.xht deleted file mode 100644 index edc043ca739..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-056.xht +++ /dev/null @@ -1,109 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-056"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div.inline-block - { - background-color: blue; - border-bottom: blue solid 1em; - border-left: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; - /* - Why 'vertical-align: top' ? - See - http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html - for explanations - */ - writing-mode: sideways-lr; - } - - span - { - display: block; - } - - span#right-border - { - border-right: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div> - - <div class="inline-block"> - -<!-- The 1st left-most line of "P" --> <span>AAAAAAA</span> - -<!-- The 2nd left-most line of "P" --> <span> B C</span> - -<!-- The 3rd left-most line of "P" --> <span> D E</span> - -<!-- The 4th left-most line of "P" --> <span> FFFF</span> - - </div><div class="inline-block"> - -<!-- The left-most line of "A" --> <span>GGGGGGG</span> - -<!-- The 2nd left-most line of "A" --> <span> H J</span> - -<!-- The 3rd left-most line of "A" --> <span> K L</span> - -<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span> - - </div><div class="inline-block"> - -<!-- The 1st left-most line of left-most "S" --> <span>N QQQQ</span> - -<!-- The 2nd left-most line of left-most "S" --> <span>R S T</span> - -<!-- The 3rd left-most line of left-most "S" --> <span>U V W</span> - -<!-- The 4th left-most line of left-most "S" --> <span>XXXX Y</span> - - </div><div class="inline-block"> - -<!-- The left-most line of right-most "S" --> <span>a bbbb</span> - -<!-- The 2nd left-most line of right-most "S" --> <span>c d e</span> - -<!-- The 3rd left-most line of right-most "S" --> <span>f g h</span> - -<!-- The 4th left-most line of right-most "S" --> <span id="right-border">jjjj k</span> - - </div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-057.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-057.xht deleted file mode 100644 index 8980eab5da0..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-057.xht +++ /dev/null @@ -1,102 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: table-cell and 'sideways-rl' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-057"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that a table-cell with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#table-cell - { - display: table-cell; - height: 9em; - writing-mode: sideways-rl; - } - - div#table-cell > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.right-border - { - border-right: blue solid 1em; - } - - div#left-border - { - border-left: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div id="table-cell"> - -<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> - -<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> - -<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> - -<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> - - - -<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> - -<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> - -<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> - -<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> - - - -<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> - -<!-- The 2nd right-most line of "A" --> <div>Z a </div> - -<!-- The 3rd right-most line of "A" --> <div>b c </div> - -<!-- The 4th right-most line of "A" --> <div>ddddddd</div> - - - -<!-- The right-most line of "P" --> <div class="right-border">eeee </div> - -<!-- The 2nd right-most line of "P" --> <div>f g </div> - -<!-- The 3rd right-most line of "P" --> <div>h j </div> - -<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-058.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-058.xht deleted file mode 100644 index 3dccf429971..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-058.xht +++ /dev/null @@ -1,101 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: table-cell and 'sideways-lr' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-058"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that a table-cell with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#table-cell - { - display: table-cell; - height: 9em; - writing-mode: sideways-lr; - } - - div#table-cell > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.left-border - { - border-left: blue solid 1em; - } - - div#right-border - { - border-right: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div id="table-cell"> - -<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> - -<!-- The 2nd left-most line of "P" --> <div> B C</div> - -<!-- The 3rd left-most line of "P" --> <div> D E</div> - -<!-- The 4th left-most line of "P" --> <div> FFFF</div> - - -<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> - -<!-- The 2nd left-most line of "A" --> <div> H J</div> - -<!-- The 3rd left-most line of "A" --> <div> K L</div> - -<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> - - - -<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N QQQQ</div> - -<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> - -<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> - -<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> - - - -<!-- The left-most line of right-most "S" --> <div class="left-border">a bbbb</div> - -<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> - -<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> - -<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj k</div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-059.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-059.xht deleted file mode 100644 index e52203ebb00..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-059.xht +++ /dev/null @@ -1,102 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: table-caption and 'sideways-rl' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-059"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that a table-caption with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#table-caption - { - display: table-caption; - height: 9em; - writing-mode: sideways-rl; - } - - div#table-caption > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.right-border - { - border-right: blue solid 1em; - } - - div#left-border - { - border-left: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div id="table-caption"> - -<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> - -<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> - -<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> - -<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> - - - -<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> - -<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> - -<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> - -<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> - - - -<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> - -<!-- The 2nd right-most line of "A" --> <div>Z a </div> - -<!-- The 3rd right-most line of "A" --> <div>b c </div> - -<!-- The 4th right-most line of "A" --> <div>ddddddd</div> - - - -<!-- The right-most line of "P" --> <div class="right-border">eeee </div> - -<!-- The 2nd right-most line of "P" --> <div>f g </div> - -<!-- The 3rd right-most line of "P" --> <div>h j </div> - -<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-060.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-060.xht deleted file mode 100644 index 26f51531d33..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-060.xht +++ /dev/null @@ -1,101 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: table-caption and 'sideways-lr' - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-060"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that a table-caption with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#table-caption - { - display: table-caption; - height: 9em; - writing-mode: sideways-lr; - } - - div#table-caption > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.left-border - { - border-left: blue solid 1em; - } - - div#right-border - { - border-right: blue solid 1em; - } - ]]></style> - </head> - - <body> - - <div id="table-caption"> - -<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> - -<!-- The 2nd left-most line of "P" --> <div> B C</div> - -<!-- The 3rd left-most line of "P" --> <div> D E</div> - -<!-- The 4th left-most line of "P" --> <div> FFFF</div> - - -<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> - -<!-- The 2nd left-most line of "A" --> <div> H J</div> - -<!-- The 3rd left-most line of "A" --> <div> K L</div> - -<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> - - - -<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N QQQQ</div> - -<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> - -<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> - -<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> - - - -<!-- The left-most line of right-most "S" --> <div class="left-border">a bbbb</div> - -<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> - -<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> - -<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj k</div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-061.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-061.xht deleted file mode 100644 index 2fac409de47..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-061.xht +++ /dev/null @@ -1,105 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: list and sideways-rl - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-061"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> - - <meta content="ahem image" name="flags" /> - <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc... " name="assert" /> - - <style type="text/css"><![CDATA[ - html - { - writing-mode: sideways-rl; - } - /* - " - The principal writing mode of the document is determined by the writing-mode - and direction values specified on the root element. - " - */ - - body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } - - ul - { - background-color: blue; - border-bottom: blue solid 1em; - list-style: none outside url("support/blue1x1.png"); - margin: 0em; - padding-top: 1em; /* overriding default padding-start: 40px in several browsers */ - } - - ul.right-border - { - border-right: blue solid 1em; - } - - ul#left-border - { - border-left: blue solid 1em; - } - ]]></style> - </head> - - <body> - -<!-- The right-most line of right-most "S" --> <ul class="right-border"><li>A BBBB</li></ul> - -<!-- The 2nd right-most line of right-most "S" --> <ul><li>C D E</li></ul> - -<!-- The 3rd right-most line of right-most "S" --> <ul><li>F G H</li></ul> - -<!-- The 4th right-most line of right-most "S" --> <ul><li>JJJJ K</li></ul> - - - -<!-- The right-most line of left-most "S" --> <ul class="right-border"><li>L MMMM</li></ul> - -<!-- The 2nd right-most line of left-most "S" --> <ul><li>Q R S</li></ul> - -<!-- The 3rd right-most line of left-most "S" --> <ul><li>T U V</li></ul> - -<!-- The 4th right-most line of left-most "S" --> <ul><li>WWWW X</li></ul> - - - -<!-- The right-most line of "A" --> <ul class="right-border"><li>YYYYYYY</li></ul> - -<!-- The 2nd right-most line of "A" --> <ul><li>Z a </li></ul> - -<!-- The 3rd right-most line of "A" --> <ul><li>b c </li></ul> - -<!-- The 4th right-most line of "A" --> <ul><li>ddddddd</li></ul> - - - -<!-- The right-most line of "P" --> <ul class="right-border"><li>eeee </li></ul> - -<!-- The 2nd right-most line of "P" --> <ul><li>f g </li></ul> - -<!-- The 3rd right-most line of "P" --> <ul><li>h j </li></ul> - -<!-- The 4th right-most line of "P" --> <ul id="left-border"><li>kkkkkkk</li></ul> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-062.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-062.xht deleted file mode 100644 index 0843ee23504..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-062.xht +++ /dev/null @@ -1,105 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: list and sideways-lr - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-062"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-043-ref.xht" /> - - <meta content="ahem image" name="flags" /> - <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc... " name="assert" /> - - <style type="text/css"><![CDATA[ - html - { - writing-mode: sideways-lr; - } - /* - " - The principal writing mode of the document is determined by the writing-mode - and direction values specified on the root element. - " - */ - - body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } - - ul - { - background-color: blue; - border-top: blue solid 1em; - list-style: none outside url("support/blue1x1.png"); - margin: 0em; - padding-bottom: 1em; /* overriding default 40px in several browsers */ - } - - ul.left-border - { - border-left: blue solid 1em; - } - - ul#right-border - { - border-right: blue solid 1em; - } - ]]></style> - </head> - - <body> - -<!-- The 1st left-most line of "P" --> <ul class="left-border"><li>AAAAAAA</li></ul> - -<!-- The 2nd left-most line of "P" --> <ul><li> B C</li></ul> - -<!-- The 3rd left-most line of "P" --> <ul><li> D E</li></ul> - -<!-- The 4th left-most line of "P" --> <ul><li> FFFF</li></ul> - - - -<!-- The left-most line of "A" --> <ul class="left-border"><li>GGGGGGG</li></ul> - -<!-- The 2nd left-most line of "A" --> <ul><li> H J</li></ul> - -<!-- The 3rd left-most line of "A" --> <ul><li> K L</li></ul> - -<!-- The 4th left-most line of "A" --> <ul><li>MMMMMMM</li></ul> - - - -<!-- The 1st left-most line of left-most "S" --> <ul class="left-border"><li>N QQQQ</li></ul> - -<!-- The 2nd left-most line of left-most "S" --> <ul><li>R S T</li></ul> - -<!-- The 3rd left-most line of left-most "S" --> <ul><li>U V W</li></ul> - -<!-- The 4th left-most line of left-most "S" --> <ul><li>XXXX Y</li></ul> - - - -<!-- The left-most line of right-most "S" --> <ul class="left-border"><li>a bbbb</li></ul> - -<!-- The 2nd left-most line of right-most "S" --> <ul><li>c d e</li></ul> - -<!-- The 3rd left-most line of right-most "S" --> <ul><li>f g h</li></ul> - -<!-- The 4th left-most line of right-most "S" --> <ul id="right-border"><li>jjjj k</li></ul> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-063.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-063.xht deleted file mode 100644 index 9daaaa22915..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-063.xht +++ /dev/null @@ -1,72 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: sideways-lr - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-063"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-043-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc... " name="assert" /> - - <!-- - This test is a variation of block-flow-direction-003 test. - --> - - <style type="text/css"><![CDATA[ - html - { - writing-mode: sideways-lr; - } - /* - " - The principal writing mode of the document is determined by the writing-mode - and direction values specified on the root element. - " - */ - - body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } - - div - { - background-color: blue; - border: blue solid 1em; - border-right: blue none 0em; - } - - div#right-most - { - border-right: blue solid 1em; - } - ]]></style> - </head> - - <body> - -<!-- The "P" --> <div>AAAAAAA B C D E FFFF</div> - -<!-- The "A" --> <div>GGGGGGG H J K L MMMMMMM</div> - -<!-- The left-most "S" --> <div>N QQQQ R S T U V W XXXX Y</div> - -<!-- The right-most "S" --> <div id="right-most">a bbbb c d e f g h jjjj k</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-064.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-064.xht deleted file mode 100644 index 485ac197ef1..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-064.xht +++ /dev/null @@ -1,73 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: sideways-rl - block flow direction of block-level boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-064"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc... " name="assert" /> - - <!-- - This test is a variation of block-flow-direction-002 test. - --> - - <style type="text/css"><![CDATA[ - html - { - writing-mode: sideways-rl; - } - /* - " - The principal writing mode of the document is determined by the writing-mode - and direction values specified on the root element. - " - */ - - body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } - - div - { - background-color: blue; - border-bottom: blue solid 1em; - border-right: blue solid 1em; - border-top: blue solid 1em; - } - - div#left-border - { - border-left: blue solid 1em; - } - ]]></style> - </head> - - <body> - -<!-- The right-most "S" --> <div>A BBBB C D E F G H JJJJ K</div> - -<!-- The left-most "S" --> <div>L MMMM Q R S T U V WWWW X</div> - -<!-- The "A" --> <div>YYYYYYY Z a b c ddddddd</div> - -<!-- The "P" --> <div id="left-border">eeee f g h j kkkkkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-065.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-065.xht deleted file mode 100644 index 5c02489c36c..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-065.xht +++ /dev/null @@ -1,47 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: writing mode (sideways-rl) of document - horizontal position of first block</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-065"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="help" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting" title="9.4.1 Block formatting contexts" /> - <link rel="match" href="reference/block-flow-direction-025-ref.xht" /> - - <meta content="image" name="flags" /> - <meta content="This test checks that, when 'writing-mode' value of the root element is set to 'sideways-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side. Also, the inline flow direction is 'bottomwardedly', that is inline boxes in the line box flow from the top toward the bottom; inline boxes are laid out vertically, one after the other, starting at the physical top side of its containing block." name="assert" /> - - <style type="text/css"><![CDATA[ - html - { - writing-mode: sideways-rl; - } - - div - { - background-color: blue; - height: 100px; - width: 100px; - } - ]]></style> - </head> - - <body> - - <div></div> - - <p><img src="support/block-flow-direction-025-exp-res.png" width="359" height="36" alt="Image download support must be enabled" /></p> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-066.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-066.xht deleted file mode 100644 index b000d7dfd73..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-066.xht +++ /dev/null @@ -1,53 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: writing mode (sideways-lr) of document - horizontal position of first block</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test block-flow-direction-066"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="help" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting" title="9.4.1 Block formatting contexts" /> - <link rel="match" href="reference/block-flow-direction-066-ref.xht" /> - - <meta content="image" name="flags" /> - <meta content="This test checks that, when 'writing-mode' value of the root element is set to 'sideways-lr', then its block boxes are laid out rightwardedly (from left to right) one after the other beginning at its lefthand side. Also, the inline flow direction is 'topwardedly', that is inline boxes in the line box flow from the bottom toward the top; inline boxes are laid out vertically, one after the other, starting at the physical bottom side of its containing block." name="assert" /> - - <style type="text/css"><![CDATA[ - html - { - writing-mode: sideways-lr; - } - - div - { - background-color: blue; - height: 100px; - width: 100px; - } - ]]></style> - </head> - - <body> - - <div></div> - - <p><img src="support/block-flow-direction-066-exp-res.png" width="358" height="36" alt="Image download support must be enabled" /></p> - - <!-- - The image says: - Test passes if there is a blue square in the - <strong>bottom-left corner</strong> of the page. - --> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-htb-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-htb-001.xht new file mode 100644 index 00000000000..fb22b2cafb7 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-htb-001.xht @@ -0,0 +1,79 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: horizontal-tb - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-htb-001"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that block-level boxes in a 'horizontal-tb' writing mode are laid out one after the other, vertically, with the first beginning at the top of a containing block; they are ordered from top to bottom meaning that the 1st block box is the topmost one, then the 2nd block is juxtaposed at its bottom, then the 3rd block is juxtaposed to the 2nd block at its bottom, etc..." name="assert" /> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: horizontal-tb; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + width: 21em; + } + + div + { + background-color: blue; + border-left: blue solid 1em; + border-right: blue solid 1em; + } + + div#top-border + { + border-top: blue solid 1em; + } + + div#bottom-border + { + border-bottom: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <!-- topmost line --><div id="top-border">AAAA BBBB CCCC DDDD</div> + + <!-- 2nd topmost line --><div>E F G H J L </div> + + <!-- 3rd topmost line --><div>M N Q R S T </div> + + <!-- 4th topmost line --><div>UUUU VVVV WWWW XXXX</div> + + <!-- 5th topmost line --><div>Z a b c d</div> + + <!-- 6th topmost line --><div>e f g h j</div> + + <!-- 7th topmost line --><div id="bottom-border">k m n qqqq rrrr</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-043.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-043.xht new file mode 100644 index 00000000000..bed3b0da0ab --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-043.xht @@ -0,0 +1,103 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-lr - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-slr-043"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-043-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc... " name="assert" /> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: sideways-lr; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + +<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div> B C</div> + +<!-- The 3rd left-most line of "P" --> <div> D E</div> + +<!-- The 4th left-most line of "P" --> <div> FFFF</div> + + + +<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div> H J</div> + +<!-- The 3rd left-most line of "A" --> <div> K L</div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + + +<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N QQQQ</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> + + + +<!-- The left-most line of right-most "S" --> <div class="left-border">a bbbb</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj k</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-047.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-047.xht new file mode 100644 index 00000000000..0560239e7b9 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-047.xht @@ -0,0 +1,97 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: right' and 'sideways-lr' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-slr-047"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that a right-floated box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#floated-right + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + float: right; + writing-mode: sideways-lr; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="floated-right"> + +<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div> B C</div> + +<!-- The 3rd left-most line of "P" --> <div> D E</div> + +<!-- The 4th left-most line of "P" --> <div> FFFF</div> + + + +<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div> H J</div> + +<!-- The 3rd left-most line of "A" --> <div> K L</div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + + +<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N QQQQ</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> + + + +<!-- The left-most line of right-most "S" --> <div class="left-border">a bbbb</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj k</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-048.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-048.xht new file mode 100644 index 00000000000..b8098e74ad6 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-048.xht @@ -0,0 +1,99 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: right' and 'sideways-lr' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-slr-048"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that right-floated boxes with 'writing-mode' set to 'sideways-lr' establish block formating contexts with a left-to-right block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.floated-right + { + background-color: blue; + border-bottom: blue solid 1em; + border-right: blue solid 1em; + border-top: blue solid 1em; + float: right; + writing-mode: sideways-lr; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div class="floated-right"> + +<!-- The left-most line of right-most "S" --> <div>a bbbb</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div>jjjj k</div> + + </div> + + <div class="floated-right"> + +<!-- The 1st left-most line of left-most "S" --> <div>N QQQQ</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> + + </div> + + <div class="floated-right"> + +<!-- The left-most line of "A" --> <div>GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div> H J</div> + +<!-- The 3rd left-most line of "A" --> <div> K L</div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + </div> + + <div class="floated-right" id="left-border"> + +<!-- The 1st left-most line of "P" --> <div>AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div> B C</div> + +<!-- The 3rd left-most line of "P" --> <div> D E</div> + +<!-- The 4th left-most line of "P" --> <div> FFFF</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-050.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-050.xht new file mode 100644 index 00000000000..c29b39b7b3e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-050.xht @@ -0,0 +1,103 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: position absolute and 'sideways-lr' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-slr-050"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#abs-pos + { + height: 9em; + left: auto; + position: absolute; + writing-mode: sideways-lr; + } + + div#abs-pos > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="abs-pos"> + +<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div> B C</div> + +<!-- The 3rd left-most line of "P" --> <div> D E</div> + +<!-- The 4th left-most line of "P" --> <div> FFFF</div> + + + +<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div> H J</div> + +<!-- The 3rd left-most line of "A" --> <div> K L</div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + + +<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N QQQQ</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> + + + +<!-- The left-most line of right-most "S" --> <div class="left-border">a bbbb</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj k</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-054.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-054.xht new file mode 100644 index 00000000000..1c1501a8725 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-054.xht @@ -0,0 +1,113 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-slr-054"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-bottom: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-lr; + } + + span + { + display: block; + } + + span.left-border + { + border-left: blue solid 1em; + } + + span#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The 1st left-most line of "P" --> <span class="left-border">AAAAAAA</span> + +<!-- The 2nd left-most line of "P" --> <span> B C</span> + +<!-- The 3rd left-most line of "P" --> <span> D E</span> + +<!-- The 4th left-most line of "P" --> <span> FFFF</span> + + + +<!-- The left-most line of "A" --> <span class="left-border">GGGGGGG</span> + +<!-- The 2nd left-most line of "A" --> <span> H J</span> + +<!-- The 3rd left-most line of "A" --> <span> K L</span> + +<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span> + + + +<!-- The 1st left-most line of left-most "S" --> <span class="left-border">N QQQQ</span> + +<!-- The 2nd left-most line of left-most "S" --> <span>R S T</span> + +<!-- The 3rd left-most line of left-most "S" --> <span>U V W</span> + +<!-- The 4th left-most line of left-most "S" --> <span>XXXX Y</span> + + + +<!-- The left-most line of right-most "S" --> <span class="left-border">a bbbb</span> + +<!-- The 2nd left-most line of right-most "S" --> <span>c d e</span> + +<!-- The 3rd left-most line of right-most "S" --> <span>f g h</span> + +<!-- The 4th left-most line of right-most "S" --> <span id="right-border">jjjj k</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-055.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-055.xht new file mode 100644 index 00000000000..017b38b16a6 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-055.xht @@ -0,0 +1,72 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-slr-055"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-bottom: blue solid 1em; + display: inline-block; + height: 8em; + writing-mode: sideways-lr; + } + + span + { + border-left: blue solid 1em; + display: block; + } + + span#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The "P" --> <span>AAAAAAA B C D E FFFF</span> + +<!-- The "A" --> <span>GGGGGGG H J K L MMMMMMM</span> + +<!-- The left-most "S" --> <span>N QQQQ R S T U V W XXXX Y</span> + +<!-- The right-most "S" --> <span id="right-border">a bbbb c d e f g h jjjj k</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-056.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-056.xht new file mode 100644 index 00000000000..7ddf840ab5c --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-056.xht @@ -0,0 +1,109 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-slr-056"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.inline-block + { + background-color: blue; + border-bottom: blue solid 1em; + border-left: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-lr; + } + + span + { + display: block; + } + + span#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div class="inline-block"> + +<!-- The 1st left-most line of "P" --> <span>AAAAAAA</span> + +<!-- The 2nd left-most line of "P" --> <span> B C</span> + +<!-- The 3rd left-most line of "P" --> <span> D E</span> + +<!-- The 4th left-most line of "P" --> <span> FFFF</span> + + </div><div class="inline-block"> + +<!-- The left-most line of "A" --> <span>GGGGGGG</span> + +<!-- The 2nd left-most line of "A" --> <span> H J</span> + +<!-- The 3rd left-most line of "A" --> <span> K L</span> + +<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span> + + </div><div class="inline-block"> + +<!-- The 1st left-most line of left-most "S" --> <span>N QQQQ</span> + +<!-- The 2nd left-most line of left-most "S" --> <span>R S T</span> + +<!-- The 3rd left-most line of left-most "S" --> <span>U V W</span> + +<!-- The 4th left-most line of left-most "S" --> <span>XXXX Y</span> + + </div><div class="inline-block"> + +<!-- The left-most line of right-most "S" --> <span>a bbbb</span> + +<!-- The 2nd left-most line of right-most "S" --> <span>c d e</span> + +<!-- The 3rd left-most line of right-most "S" --> <span>f g h</span> + +<!-- The 4th left-most line of right-most "S" --> <span id="right-border">jjjj k</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-058.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-058.xht new file mode 100644 index 00000000000..d12bd3f234d --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-058.xht @@ -0,0 +1,101 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-cell and 'sideways-lr' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-slr-058"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that a table-cell with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#table-cell + { + display: table-cell; + height: 9em; + writing-mode: sideways-lr; + } + + div#table-cell > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="table-cell"> + +<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div> B C</div> + +<!-- The 3rd left-most line of "P" --> <div> D E</div> + +<!-- The 4th left-most line of "P" --> <div> FFFF</div> + + +<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div> H J</div> + +<!-- The 3rd left-most line of "A" --> <div> K L</div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + + +<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N QQQQ</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> + + + +<!-- The left-most line of right-most "S" --> <div class="left-border">a bbbb</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj k</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-060.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-060.xht new file mode 100644 index 00000000000..b755a308273 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-060.xht @@ -0,0 +1,101 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-caption and 'sideways-lr' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-slr-060"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that a table-caption with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#table-caption + { + display: table-caption; + height: 9em; + writing-mode: sideways-lr; + } + + div#table-caption > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="table-caption"> + +<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div> B C</div> + +<!-- The 3rd left-most line of "P" --> <div> D E</div> + +<!-- The 4th left-most line of "P" --> <div> FFFF</div> + + +<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div> H J</div> + +<!-- The 3rd left-most line of "A" --> <div> K L</div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + + +<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N QQQQ</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> + + + +<!-- The left-most line of right-most "S" --> <div class="left-border">a bbbb</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj k</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-062.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-062.xht new file mode 100644 index 00000000000..83f2a098387 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-062.xht @@ -0,0 +1,105 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: list and sideways-lr - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-slr-062"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-043-ref.xht" /> + + <meta content="ahem image" name="flags" /> + <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc... " name="assert" /> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: sideways-lr; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + ul + { + background-color: blue; + border-top: blue solid 1em; + list-style: none outside url("support/blue1x1.png"); + margin: 0em; + padding-bottom: 1em; /* overriding default 40px in several browsers */ + } + + ul.left-border + { + border-left: blue solid 1em; + } + + ul#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + +<!-- The 1st left-most line of "P" --> <ul class="left-border"><li>AAAAAAA</li></ul> + +<!-- The 2nd left-most line of "P" --> <ul><li> B C</li></ul> + +<!-- The 3rd left-most line of "P" --> <ul><li> D E</li></ul> + +<!-- The 4th left-most line of "P" --> <ul><li> FFFF</li></ul> + + + +<!-- The left-most line of "A" --> <ul class="left-border"><li>GGGGGGG</li></ul> + +<!-- The 2nd left-most line of "A" --> <ul><li> H J</li></ul> + +<!-- The 3rd left-most line of "A" --> <ul><li> K L</li></ul> + +<!-- The 4th left-most line of "A" --> <ul><li>MMMMMMM</li></ul> + + + +<!-- The 1st left-most line of left-most "S" --> <ul class="left-border"><li>N QQQQ</li></ul> + +<!-- The 2nd left-most line of left-most "S" --> <ul><li>R S T</li></ul> + +<!-- The 3rd left-most line of left-most "S" --> <ul><li>U V W</li></ul> + +<!-- The 4th left-most line of left-most "S" --> <ul><li>XXXX Y</li></ul> + + + +<!-- The left-most line of right-most "S" --> <ul class="left-border"><li>a bbbb</li></ul> + +<!-- The 2nd left-most line of right-most "S" --> <ul><li>c d e</li></ul> + +<!-- The 3rd left-most line of right-most "S" --> <ul><li>f g h</li></ul> + +<!-- The 4th left-most line of right-most "S" --> <ul id="right-border"><li>jjjj k</li></ul> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-063.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-063.xht new file mode 100644 index 00000000000..ec7493cf7ef --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-063.xht @@ -0,0 +1,72 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-lr - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-slr-063"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-043-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc... " name="assert" /> + + <!-- + This test is a variation of block-flow-direction-003 test. + --> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: sideways-lr; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + div + { + background-color: blue; + border: blue solid 1em; + border-right: blue none 0em; + } + + div#right-most + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + +<!-- The "P" --> <div>AAAAAAA B C D E FFFF</div> + +<!-- The "A" --> <div>GGGGGGG H J K L MMMMMMM</div> + +<!-- The left-most "S" --> <div>N QQQQ R S T U V W XXXX Y</div> + +<!-- The right-most "S" --> <div id="right-most">a bbbb c d e f g h jjjj k</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-066.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-066.xht new file mode 100644 index 00000000000..6bebb1cde8a --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-066.xht @@ -0,0 +1,53 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: writing mode (sideways-lr) of document - horizontal position of first block</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-slr-066"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="help" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting" title="9.4.1 Block formatting contexts" /> + <link rel="match" href="reference/block-flow-direction-066-ref.xht" /> + + <meta content="image" name="flags" /> + <meta content="This test checks that, when 'writing-mode' value of the root element is set to 'sideways-lr', then its block boxes are laid out rightwardedly (from left to right) one after the other beginning at its lefthand side. Also, the inline flow direction is 'topwardedly', that is inline boxes in the line box flow from the bottom toward the top; inline boxes are laid out vertically, one after the other, starting at the physical bottom side of its containing block." name="assert" /> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: sideways-lr; + } + + div + { + background-color: blue; + height: 100px; + width: 100px; + } + ]]></style> + </head> + + <body> + + <div></div> + + <p><img src="support/block-flow-direction-066-exp-res.png" width="358" height="36" alt="Image download support must be enabled" /></p> + + <!-- + The image says: + Test passes if there is a blue square in the + <strong>bottom-left corner</strong> of the page. + --> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-042.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-042.xht new file mode 100644 index 00000000000..3ef34f3d04a --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-042.xht @@ -0,0 +1,103 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-rl - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-srl-042"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc... " name="assert" /> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: sideways-rl; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + +<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + + +<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + + +<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + + +<!-- The right-most line of "P" --> <div class="right-border">eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-045.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-045.xht new file mode 100644 index 00000000000..0417e653262 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-045.xht @@ -0,0 +1,97 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: left' and 'sideways-rl' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-srl-045"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that a left-floated box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#floated-left + { + background-color: blue; + border-top: blue solid 1em; + float: left; + height: 8em; + writing-mode: sideways-rl; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="floated-left"> + +<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + + +<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + + +<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + + +<!-- The right-most line of "P" --> <div class="right-border">eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-046.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-046.xht new file mode 100644 index 00000000000..937353adf8b --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-046.xht @@ -0,0 +1,99 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: left' and 'sideways-rl' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-srl-046"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that left-floated boxes with 'writing-mode' set to 'sideways-rl' establish block formating contexts with a right-to-left block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.floated-left + { + background-color: blue; + border-bottom: blue solid 1em; + border-left: blue solid 1em; + border-top: blue solid 1em; + float: left; + writing-mode: sideways-rl; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div class="floated-left"> + +<!-- The right-most line of "P" --> <div>eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div>kkkkkkk</div> + + </div> + + <div class="floated-left"> + +<!-- The right-most line of "A" --> <div>YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + </div> + + <div class="floated-left"> + +<!-- The right-most line of left-most "S" --> <div>L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + </div> + + <div class="floated-left" id="right-border"> + +<!-- The right-most line of right-most "S" --> <div>A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-049.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-049.xht new file mode 100644 index 00000000000..b3d4e38ed35 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-049.xht @@ -0,0 +1,103 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: position absolute and 'sideways-rl' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-srl-049"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#abs-pos + { + height: 9em; + left: auto; + position: absolute; + writing-mode: sideways-rl; + } + + div#abs-pos > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="abs-pos"> + +<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + + +<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + + +<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + + +<!-- The right-most line of "P" --> <div class="right-border">eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-051.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-051.xht new file mode 100644 index 00000000000..a76f98f52a1 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-051.xht @@ -0,0 +1,113 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-srl-051"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-rl; + } + + span + { + display: block; + } + + span.right-border + { + border-right: blue solid 1em; + } + + span#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The right-most line of right-most "S" --> <span class="right-border">A BBBB</span> + +<!-- The 2nd right-most line of right-most "S" --> <span>C D E</span> + +<!-- The 3rd right-most line of right-most "S" --> <span>F G H</span> + +<!-- The 4th right-most line of right-most "S" --> <span>JJJJ K</span> + + + +<!-- The right-most line of left-most "S" --> <span class="right-border">L MMMM</span> + +<!-- The 2nd right-most line of left-most "S" --> <span>Q R S</span> + +<!-- The 3rd right-most line of left-most "S" --> <span>T U V</span> + +<!-- The 4th right-most line of left-most "S" --> <span>WWWW X</span> + + + +<!-- The right-most line of "A" --> <span class="right-border">YYYYYYY</span> + +<!-- The 2nd right-most line of "A" --> <span>Z a </span> + +<!-- The 3rd right-most line of "A" --> <span>b c </span> + +<!-- The 4th right-most line of "A" --> <span>ddddddd</span> + + + +<!-- The right-most line of "P" --> <span class="right-border">eeee </span> + +<!-- The 2nd right-most line of "P" --> <span>f g </span> + +<!-- The 3rd right-most line of "P" --> <span>h j </span> + +<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-052.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-052.xht new file mode 100644 index 00000000000..c798cc1f1a3 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-052.xht @@ -0,0 +1,79 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-srl-052"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-rl; + } + + span + { + border-right: blue solid 1em; + display: block; + } + + span#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The right-most "S" --> <span>A BBBB C D E F G H JJJJ K</span> + +<!-- The left-most "S" --> <span>L MMMM Q R S T U V WWWW X</span> + +<!-- The "A" --> <span>YYYYYYY Z a b c ddddddd</span> + +<!-- The "P" --> <span id="left-border">eeee f g h j kkkkkkk</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-053.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-053.xht new file mode 100644 index 00000000000..aa8ac55e437 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-053.xht @@ -0,0 +1,109 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-srl-053"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.inline-block + { + background-color: blue; + border-right: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-rl; + } + + span + { + display: block; + } + + span#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div class="inline-block"> + +<!-- The right-most line of "P" --> <span>eeee </span> + +<!-- The 2nd right-most line of "P" --> <span>f g </span> + +<!-- The 3rd right-most line of "P" --> <span>h j </span> + +<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span> + + </div><div class="inline-block"> + +<!-- The right-most line of "A" --> <span>YYYYYYY</span> + +<!-- The 2nd right-most line of "A" --> <span>Z a </span> + +<!-- The 3rd right-most line of "A" --> <span>b c </span> + +<!-- The 4th right-most line of "A" --> <span>ddddddd</span> + + </div><div class="inline-block"> + +<!-- The right-most line of left-most "S" --> <span>L MMMM</span> + +<!-- The 2nd right-most line of left-most "S" --> <span>Q R S</span> + +<!-- The 3rd right-most line of left-most "S" --> <span>T U V</span> + +<!-- The 4th right-most line of left-most "S" --> <span>WWWW X</span> + + </div><div class="inline-block"> + +<!-- The right-most line of right-most "S" --> <span>A BBBB</span> + +<!-- The 2nd right-most line of right-most "S" --> <span>C D E</span> + +<!-- The 3rd right-most line of right-most "S" --> <span>F G H</span> + +<!-- The 4th right-most line of right-most "S" --> <span>JJJJ K</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-057.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-057.xht new file mode 100644 index 00000000000..73778c5aee2 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-057.xht @@ -0,0 +1,102 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-cell and 'sideways-rl' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-srl-057"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that a table-cell with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#table-cell + { + display: table-cell; + height: 9em; + writing-mode: sideways-rl; + } + + div#table-cell > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="table-cell"> + +<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + + +<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + + +<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + + +<!-- The right-most line of "P" --> <div class="right-border">eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-059.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-059.xht new file mode 100644 index 00000000000..cde3f499cf9 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-059.xht @@ -0,0 +1,102 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-caption and 'sideways-rl' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-srl-059"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that a table-caption with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#table-caption + { + display: table-caption; + height: 9em; + writing-mode: sideways-rl; + } + + div#table-caption > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="table-caption"> + +<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + + +<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + + +<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + + +<!-- The right-most line of "P" --> <div class="right-border">eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-061.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-061.xht new file mode 100644 index 00000000000..ce9ec4f7cd9 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-061.xht @@ -0,0 +1,105 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: list and sideways-rl - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-srl-061"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem image" name="flags" /> + <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc... " name="assert" /> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: sideways-rl; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + ul + { + background-color: blue; + border-bottom: blue solid 1em; + list-style: none outside url("support/blue1x1.png"); + margin: 0em; + padding-top: 1em; /* overriding default padding-start: 40px in several browsers */ + } + + ul.right-border + { + border-right: blue solid 1em; + } + + ul#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + +<!-- The right-most line of right-most "S" --> <ul class="right-border"><li>A BBBB</li></ul> + +<!-- The 2nd right-most line of right-most "S" --> <ul><li>C D E</li></ul> + +<!-- The 3rd right-most line of right-most "S" --> <ul><li>F G H</li></ul> + +<!-- The 4th right-most line of right-most "S" --> <ul><li>JJJJ K</li></ul> + + + +<!-- The right-most line of left-most "S" --> <ul class="right-border"><li>L MMMM</li></ul> + +<!-- The 2nd right-most line of left-most "S" --> <ul><li>Q R S</li></ul> + +<!-- The 3rd right-most line of left-most "S" --> <ul><li>T U V</li></ul> + +<!-- The 4th right-most line of left-most "S" --> <ul><li>WWWW X</li></ul> + + + +<!-- The right-most line of "A" --> <ul class="right-border"><li>YYYYYYY</li></ul> + +<!-- The 2nd right-most line of "A" --> <ul><li>Z a </li></ul> + +<!-- The 3rd right-most line of "A" --> <ul><li>b c </li></ul> + +<!-- The 4th right-most line of "A" --> <ul><li>ddddddd</li></ul> + + + +<!-- The right-most line of "P" --> <ul class="right-border"><li>eeee </li></ul> + +<!-- The 2nd right-most line of "P" --> <ul><li>f g </li></ul> + +<!-- The 3rd right-most line of "P" --> <ul><li>h j </li></ul> + +<!-- The 4th right-most line of "P" --> <ul id="left-border"><li>kkkkkkk</li></ul> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-064.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-064.xht new file mode 100644 index 00000000000..c2c9fbff2dd --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-064.xht @@ -0,0 +1,73 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-rl - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-srl-064"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc... " name="assert" /> + + <!-- + This test is a variation of block-flow-direction-002 test. + --> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: sideways-rl; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + div + { + background-color: blue; + border-bottom: blue solid 1em; + border-right: blue solid 1em; + border-top: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + +<!-- The right-most "S" --> <div>A BBBB C D E F G H JJJJ K</div> + +<!-- The left-most "S" --> <div>L MMMM Q R S T U V WWWW X</div> + +<!-- The "A" --> <div>YYYYYYY Z a b c ddddddd</div> + +<!-- The "P" --> <div id="left-border">eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-065.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-065.xht new file mode 100644 index 00000000000..b76d76bde49 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-065.xht @@ -0,0 +1,47 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: writing mode (sideways-rl) of document - horizontal position of first block</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-srl-065"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="help" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting" title="9.4.1 Block formatting contexts" /> + <link rel="match" href="reference/block-flow-direction-025-ref.xht" /> + + <meta content="image" name="flags" /> + <meta content="This test checks that, when 'writing-mode' value of the root element is set to 'sideways-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side. Also, the inline flow direction is 'bottomwardedly', that is inline boxes in the line box flow from the top toward the bottom; inline boxes are laid out vertically, one after the other, starting at the physical top side of its containing block." name="assert" /> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: sideways-rl; + } + + div + { + background-color: blue; + height: 100px; + width: 100px; + } + ]]></style> + </head> + + <body> + + <div></div> + + <p><img src="support/block-flow-direction-025-exp-res.png" width="359" height="36" alt="Image download support must be enabled" /></p> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-003.xht new file mode 100644 index 00000000000..f1094958b66 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-003.xht @@ -0,0 +1,103 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: vertical-lr - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-vlr-003"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc... " name="assert" /> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: vertical-lr; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + +<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div>B C </div> + +<!-- The 3rd left-most line of "P" --> <div>D E </div> + +<!-- The 4th left-most line of "P" --> <div>FFFF </div> + + + +<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div>H J </div> + +<!-- The 3rd left-most line of "A" --> <div>K L </div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + + +<!-- The 1st left-most line of left-most "S" --> <div class="left-border">NNNN Q</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>X YYYY</div> + + + +<!-- The left-most line of right-most "S" --> <div class="left-border">aaaa b</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div id="right-border">j kkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-007.xht new file mode 100644 index 00000000000..f434b95cee6 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-007.xht @@ -0,0 +1,97 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: right' and 'vertical-lr' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-vlr-007"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that a right-floated box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#floated-right + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + float: right; + writing-mode: vertical-lr; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="floated-right"> + +<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div>B C </div> + +<!-- The 3rd left-most line of "P" --> <div>D E </div> + +<!-- The 4th left-most line of "P" --> <div>FFFF </div> + + + +<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div>H J </div> + +<!-- The 3rd left-most line of "A" --> <div>K L </div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + + +<!-- The 1st left-most line of left-most "S" --> <div class="left-border">NNNN Q</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>X YYYY</div> + + + +<!-- The left-most line of right-most "S" --> <div class="left-border">aaaa b</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div id="right-border">j kkkk</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-008.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-008.xht new file mode 100644 index 00000000000..d67ba45cd41 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-008.xht @@ -0,0 +1,99 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: right' and 'vertical-lr' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-vlr-008"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that right-floated boxes with 'writing-mode' set to 'vertical-lr' establish block formating contexts with a left-to-right block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.floated-right + { + background-color: blue; + border-bottom: blue solid 1em; + border-right: blue solid 1em; + border-top: blue solid 1em; + float: right; + writing-mode: vertical-lr; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div class="floated-right"> + +<!-- The left-most line of right-most "S" --> <div>aaaa b</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div>j kkkk</div> + + </div> + + <div class="floated-right"> + +<!-- The 1st left-most line of left-most "S" --> <div>NNNN Q</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>X YYYY</div> + + </div> + + <div class="floated-right"> + +<!-- The left-most line of "A" --> <div>GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div>H J </div> + +<!-- The 3rd left-most line of "A" --> <div>K L </div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + </div> + + <div class="floated-right" id="left-border"> + +<!-- The 1st left-most line of "P" --> <div>AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div>B C </div> + +<!-- The 3rd left-most line of "P" --> <div>D E </div> + +<!-- The 4th left-most line of "P" --> <div>FFFF </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-010.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-010.xht new file mode 100644 index 00000000000..b2b9d908990 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-010.xht @@ -0,0 +1,103 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: position absolute and 'vertical-lr' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-vlr-010"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#abs-pos + { + height: 9em; + left: auto; + position: absolute; + writing-mode: vertical-lr; + } + + div#abs-pos > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="abs-pos"> + +<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div>B C </div> + +<!-- The 3rd left-most line of "P" --> <div>D E </div> + +<!-- The 4th left-most line of "P" --> <div>FFFF </div> + + + +<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div>H J </div> + +<!-- The 3rd left-most line of "A" --> <div>K L </div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + + +<!-- The 1st left-most line of left-most "S" --> <div class="left-border">NNNN Q</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>X YYYY</div> + + + +<!-- The left-most line of right-most "S" --> <div class="left-border">aaaa b</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div id="right-border">j kkkk</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-014.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-014.xht new file mode 100644 index 00000000000..6a656e5be1e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-014.xht @@ -0,0 +1,113 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'vertical-lr' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-vlr-014"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: vertical-lr; + } + + span + { + display: block; + } + + span.left-border + { + border-left: blue solid 1em; + } + + span#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The 1st left-most line of "P" --> <span class="left-border">AAAAAAA</span> + +<!-- The 2nd left-most line of "P" --> <span>B C </span> + +<!-- The 3rd left-most line of "P" --> <span>D E </span> + +<!-- The 4th left-most line of "P" --> <span>FFFF </span> + + + +<!-- The left-most line of "A" --> <span class="left-border">GGGGGGG</span> + +<!-- The 2nd left-most line of "A" --> <span>H J </span> + +<!-- The 3rd left-most line of "A" --> <span>K L </span> + +<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span> + + + +<!-- The 1st left-most line of left-most "S" --> <span class="left-border">NNNN Q</span> + +<!-- The 2nd left-most line of left-most "S" --> <span>R S T</span> + +<!-- The 3rd left-most line of left-most "S" --> <span>U V W</span> + +<!-- The 4th left-most line of left-most "S" --> <span>X YYYY</span> + + + +<!-- The left-most line of right-most "S" --> <span class="left-border">aaaa b</span> + +<!-- The 2nd left-most line of right-most "S" --> <span>c d e</span> + +<!-- The 3rd left-most line of right-most "S" --> <span>f g h</span> + +<!-- The 4th left-most line of right-most "S" --> <span id="right-border">j kkkk</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-015.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-015.xht new file mode 100644 index 00000000000..cf7849c1c4c --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-015.xht @@ -0,0 +1,72 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'vertical-lr' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-vlr-015"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + writing-mode: vertical-lr; + } + + span + { + border-left: blue solid 1em; + display: block; + } + + span#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The "P" --> <span>AAAAAAA B C D E FFFF </span> + +<!-- The "A" --> <span>GGGGGGG H J K L MMMMMMM</span> + +<!-- The left-most "S" --> <span>NNNN Q R S T U V W X YYYY</span> + +<!-- The right-most "S" --> <span id="right-border">aaaa b c d e f g h j kkkk</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-016.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-016.xht new file mode 100644 index 00000000000..ffb9ca5d8eb --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-016.xht @@ -0,0 +1,109 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'vertical-lr' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-vlr-016"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.inline-block + { + background-color: blue; + border-left: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: vertical-lr; + } + + span + { + display: block; + } + + span#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div class="inline-block"> + +<!-- The 1st left-most line of "P" --> <span>AAAAAAA</span> + +<!-- The 2nd left-most line of "P" --> <span>B C </span> + +<!-- The 3rd left-most line of "P" --> <span>D E </span> + +<!-- The 4th left-most line of "P" --> <span>FFFF </span> + + </div><div class="inline-block"> + +<!-- The left-most line of "A" --> <span>GGGGGGG</span> + +<!-- The 2nd left-most line of "A" --> <span>H J </span> + +<!-- The 3rd left-most line of "A" --> <span>K L </span> + +<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span> + + </div><div class="inline-block"> + +<!-- The 1st left-most line of left-most "S" --> <span>NNNN Q</span> + +<!-- The 2nd left-most line of left-most "S" --> <span>R S T</span> + +<!-- The 3rd left-most line of left-most "S" --> <span>U V W</span> + +<!-- The 4th left-most line of left-most "S" --> <span>X YYYY</span> + + </div><div class="inline-block"> + +<!-- The left-most line of right-most "S" --> <span>aaaa b</span> + +<!-- The 2nd left-most line of right-most "S" --> <span>c d e</span> + +<!-- The 3rd left-most line of right-most "S" --> <span>f g h</span> + +<!-- The 4th left-most line of right-most "S" --> <span id="right-border">j kkkk</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-018.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-018.xht new file mode 100644 index 00000000000..a20070e987a --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-018.xht @@ -0,0 +1,102 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-cell and 'vertical-lr' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-vlr-018"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that a table-cell with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#table-cell + { + display: table-cell; + height: 9em; + writing-mode: vertical-lr; + } + + div#table-cell > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="table-cell"> + +<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div>B C </div> + +<!-- The 3rd left-most line of "P" --> <div>D E </div> + +<!-- The 4th left-most line of "P" --> <div>FFFF </div> + + + +<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div>H J </div> + +<!-- The 3rd left-most line of "A" --> <div>K L </div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + + +<!-- The 1st left-most line of left-most "S" --> <div class="left-border">NNNN Q</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>X YYYY</div> + + + +<!-- The left-most line of right-most "S" --> <div class="left-border">aaaa b</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div id="right-border">j kkkk</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-020.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-020.xht new file mode 100644 index 00000000000..69067fccd68 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-020.xht @@ -0,0 +1,102 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-caption and 'vertical-lr' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-vlr-020"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that a table-caption with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#table-caption + { + display: table-caption; + height: 9em; + writing-mode: vertical-lr; + } + + div#table-caption > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="table-caption"> + +<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div>B C </div> + +<!-- The 3rd left-most line of "P" --> <div>D E </div> + +<!-- The 4th left-most line of "P" --> <div>FFFF </div> + + + +<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div>H J </div> + +<!-- The 3rd left-most line of "A" --> <div>K L </div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + + +<!-- The 1st left-most line of left-most "S" --> <div class="left-border">NNNN Q</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>X YYYY</div> + + + +<!-- The left-most line of right-most "S" --> <div class="left-border">aaaa b</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div id="right-border">j kkkk</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-022.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-022.xht new file mode 100644 index 00000000000..e0000c3715d --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-022.xht @@ -0,0 +1,105 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: list and vertical-lr - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-vlr-022"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem image" name="flags" /> + <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc... " name="assert" /> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: vertical-lr; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + ul + { + background-color: blue; + border-bottom: blue solid 1em; + list-style: none outside url("support/blue1x1.png"); + margin: 0em; + padding-top: 1em; /* overriding default 40px in several browsers */ + } + + ul.left-border + { + border-left: blue solid 1em; + } + + ul#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + +<!-- The 1st left-most line of "P" --> <ul class="left-border"><li>AAAAAAA</li></ul> + +<!-- The 2nd left-most line of "P" --> <ul><li>B C </li></ul> + +<!-- The 3rd left-most line of "P" --> <ul><li>D E </li></ul> + +<!-- The 4th left-most line of "P" --> <ul><li>FFFF </li></ul> + + + +<!-- The left-most line of "A" --> <ul class="left-border"><li>GGGGGGG</li></ul> + +<!-- The 2nd left-most line of "A" --> <ul><li>H J </li></ul> + +<!-- The 3rd left-most line of "A" --> <ul><li>K L </li></ul> + +<!-- The 4th left-most line of "A" --> <ul><li>MMMMMMM</li></ul> + + + +<!-- The 1st left-most line of left-most "S" --> <ul class="left-border"><li>NNNN Q</li></ul> + +<!-- The 2nd left-most line of left-most "S" --> <ul><li>R S T</li></ul> + +<!-- The 3rd left-most line of left-most "S" --> <ul><li>U V W</li></ul> + +<!-- The 4th left-most line of left-most "S" --> <ul><li>X YYYY</li></ul> + + + +<!-- The left-most line of right-most "S" --> <ul class="left-border"><li>aaaa b</li></ul> + +<!-- The 2nd left-most line of right-most "S" --> <ul><li>c d e</li></ul> + +<!-- The 3rd left-most line of right-most "S" --> <ul><li>f g h</li></ul> + +<!-- The 4th left-most line of right-most "S" --> <ul id="right-border"><li>j kkkk</li></ul> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-023.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-023.xht new file mode 100644 index 00000000000..83fc5d9c759 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vlr-023.xht @@ -0,0 +1,72 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: vertical-lr - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-vlr-023"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc... " name="assert" /> + + <!-- + This test is a variation of block-flow-direction-003 test. + --> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: vertical-lr; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + div + { + background-color: blue; + border: blue solid 1em; + border-right: blue none 0em; + } + + div#right-most + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + +<!-- The "P" --> <div>AAAAAAA B C D E FFFF </div> + +<!-- The "A" --> <div>GGGGGGG H J K L MMMMMMM</div> + +<!-- The left-most "S" --> <div>NNNN Q R S T U V W X YYYY</div> + +<!-- The right-most "S" --> <div id="right-most">aaaa b c d e f g h j kkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-002.xht new file mode 100644 index 00000000000..d5ff3936bd1 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-002.xht @@ -0,0 +1,103 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: vertical-rl - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-vrl-002"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc... " name="assert" /> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: vertical-rl; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + +<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + + +<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + + +<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + + +<!-- The right-most line of "P" --> <div class="right-border">eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-005.xht new file mode 100644 index 00000000000..2b823392e58 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-005.xht @@ -0,0 +1,97 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: left' and 'vertical-rl' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-vrl-005"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that a left-floated box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#floated-left + { + background-color: blue; + border-top: blue solid 1em; + float: left; + height: 8em; + writing-mode: vertical-rl; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="floated-left"> + +<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + + +<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + + +<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + + +<!-- The right-most line of "P" --> <div class="right-border">eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-006.xht new file mode 100644 index 00000000000..29484c0ea00 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-006.xht @@ -0,0 +1,99 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: left' and 'vertical-rl' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-vrl-006"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that left-floated boxes with 'writing-mode' set to 'vertical-rl' establish block formating contexts with a right-to-left block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.floated-left + { + background-color: blue; + border-bottom: blue solid 1em; + border-left: blue solid 1em; + border-top: blue solid 1em; + float: left; + writing-mode: vertical-rl; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div class="floated-left"> + +<!-- The right-most line of "P" --> <div>eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div>kkkkkkk</div> + + </div> + + <div class="floated-left"> + +<!-- The right-most line of "A" --> <div>YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + </div> + + <div class="floated-left"> + +<!-- The right-most line of left-most "S" --> <div>L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + </div> + + <div class="floated-left" id="right-border"> + +<!-- The right-most line of right-most "S" --> <div>A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-009.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-009.xht new file mode 100644 index 00000000000..6a7f76595ff --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-009.xht @@ -0,0 +1,103 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: position absolute and 'vertical-rl' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-vrl-009"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#abs-pos + { + height: 9em; + left: auto; + position: absolute; + writing-mode: vertical-rl; + } + + div#abs-pos > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="abs-pos"> + +<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + + +<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + + +<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + + +<!-- The right-most line of "P" --> <div class="right-border">eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-011.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-011.xht new file mode 100644 index 00000000000..a0dc7da912e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-011.xht @@ -0,0 +1,113 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'vertical-rl' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-vrl-011"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: vertical-rl; + } + + span + { + display: block; + } + + span.right-border + { + border-right: blue solid 1em; + } + + span#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The right-most line of right-most "S" --> <span class="right-border">A BBBB</span> + +<!-- The 2nd right-most line of right-most "S" --> <span>C D E</span> + +<!-- The 3rd right-most line of right-most "S" --> <span>F G H</span> + +<!-- The 4th right-most line of right-most "S" --> <span>JJJJ K</span> + + + +<!-- The right-most line of left-most "S" --> <span class="right-border">L MMMM</span> + +<!-- The 2nd right-most line of left-most "S" --> <span>Q R S</span> + +<!-- The 3rd right-most line of left-most "S" --> <span>T U V</span> + +<!-- The 4th right-most line of left-most "S" --> <span>WWWW X</span> + + + +<!-- The right-most line of "A" --> <span class="right-border">YYYYYYY</span> + +<!-- The 2nd right-most line of "A" --> <span>Z a </span> + +<!-- The 3rd right-most line of "A" --> <span>b c </span> + +<!-- The 4th right-most line of "A" --> <span>ddddddd</span> + + + +<!-- The right-most line of "P" --> <span class="right-border">eeee </span> + +<!-- The 2nd right-most line of "P" --> <span>f g </span> + +<!-- The 3rd right-most line of "P" --> <span>h j </span> + +<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-012.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-012.xht new file mode 100644 index 00000000000..f9d196a253c --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-012.xht @@ -0,0 +1,79 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'vertical-rl' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-vrl-012"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: vertical-rl; + } + + span + { + border-right: blue solid 1em; + display: block; + } + + span#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The right-most "S" --> <span>A BBBB C D E F G H JJJJ K</span> + +<!-- The left-most "S" --> <span>L MMMM Q R S T U V WWWW X</span> + +<!-- The "A" --> <span>YYYYYYY Z a b c ddddddd</span> + +<!-- The "P" --> <span id="left-border">eeee f g h j kkkkkkk</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-013.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-013.xht new file mode 100644 index 00000000000..23cdb96e3e7 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-013.xht @@ -0,0 +1,109 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'vertical-rl' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-vrl-013"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.inline-block + { + background-color: blue; + border-right: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: vertical-rl; + } + + span + { + display: block; + } + + span#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div class="inline-block"> + +<!-- The right-most line of "P" --> <span>eeee </span> + +<!-- The 2nd right-most line of "P" --> <span>f g </span> + +<!-- The 3rd right-most line of "P" --> <span>h j </span> + +<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span> + + </div><div class="inline-block"> + +<!-- The right-most line of "A" --> <span>YYYYYYY</span> + +<!-- The 2nd right-most line of "A" --> <span>Z a </span> + +<!-- The 3rd right-most line of "A" --> <span>b c </span> + +<!-- The 4th right-most line of "A" --> <span>ddddddd</span> + + </div><div class="inline-block"> + +<!-- The right-most line of left-most "S" --> <span>L MMMM</span> + +<!-- The 2nd right-most line of left-most "S" --> <span>Q R S</span> + +<!-- The 3rd right-most line of left-most "S" --> <span>T U V</span> + +<!-- The 4th right-most line of left-most "S" --> <span>WWWW X</span> + + </div><div class="inline-block"> + +<!-- The right-most line of right-most "S" --> <span>A BBBB</span> + +<!-- The 2nd right-most line of right-most "S" --> <span>C D E</span> + +<!-- The 3rd right-most line of right-most "S" --> <span>F G H</span> + +<!-- The 4th right-most line of right-most "S" --> <span>JJJJ K</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-017.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-017.xht new file mode 100644 index 00000000000..500de9b1113 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-017.xht @@ -0,0 +1,102 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-cell and 'vertical-rl' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-vrl-017"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that a table-cell with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#table-cell + { + display: table-cell; + height: 9em; + writing-mode: vertical-rl; + } + + div#table-cell > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="table-cell"> + +<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + + +<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + + +<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + + +<!-- The right-most line of "P" --> <div class="right-border">eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-019.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-019.xht new file mode 100644 index 00000000000..741252431c1 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-019.xht @@ -0,0 +1,102 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-caption and 'vertical-rl' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-vrl-019"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that a table-caption with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#table-caption + { + display: table-caption; + height: 9em; + writing-mode: vertical-rl; + } + + div#table-caption > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="table-caption"> + +<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + + +<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + + +<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + + +<!-- The right-most line of "P" --> <div class="right-border">eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-021.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-021.xht new file mode 100644 index 00000000000..da22f8a89ec --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-021.xht @@ -0,0 +1,105 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: list and vertical-rl - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-vrl-021"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem image" name="flags" /> + <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc... " name="assert" /> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: vertical-rl; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + ul + { + background-color: blue; + border-bottom: blue solid 1em; + list-style: none outside url("support/blue1x1.png"); + margin: 0em; + padding-top: 1em; /* overriding default padding-start: 40px in several browsers */ + } + + ul.right-border + { + border-right: blue solid 1em; + } + + ul#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + +<!-- The right-most line of right-most "S" --> <ul class="right-border"><li>A BBBB</li></ul> + +<!-- The 2nd right-most line of right-most "S" --> <ul><li>C D E</li></ul> + +<!-- The 3rd right-most line of right-most "S" --> <ul><li>F G H</li></ul> + +<!-- The 4th right-most line of right-most "S" --> <ul><li>JJJJ K</li></ul> + + + +<!-- The right-most line of left-most "S" --> <ul class="right-border"><li>L MMMM</li></ul> + +<!-- The 2nd right-most line of left-most "S" --> <ul><li>Q R S</li></ul> + +<!-- The 3rd right-most line of left-most "S" --> <ul><li>T U V</li></ul> + +<!-- The 4th right-most line of left-most "S" --> <ul><li>WWWW X</li></ul> + + + +<!-- The right-most line of "A" --> <ul class="right-border"><li>YYYYYYY</li></ul> + +<!-- The 2nd right-most line of "A" --> <ul><li>Z a </li></ul> + +<!-- The 3rd right-most line of "A" --> <ul><li>b c </li></ul> + +<!-- The 4th right-most line of "A" --> <ul><li>ddddddd</li></ul> + + + +<!-- The right-most line of "P" --> <ul class="right-border"><li>eeee </li></ul> + +<!-- The 2nd right-most line of "P" --> <ul><li>f g </li></ul> + +<!-- The 3rd right-most line of "P" --> <ul><li>h j </li></ul> + +<!-- The 4th right-most line of "P" --> <ul id="left-border"><li>kkkkkkk</li></ul> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-024.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-024.xht new file mode 100644 index 00000000000..29de3e83333 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-024.xht @@ -0,0 +1,73 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: vertical-rl - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-vrl-024"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc... " name="assert" /> + + <!-- + This test is a variation of block-flow-direction-002 test. + --> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: vertical-rl; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + div + { + background-color: blue; + border-bottom: blue solid 1em; + border-right: blue solid 1em; + border-top: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + +<!-- The right-most "S" --> <div>A BBBB C D E F G H JJJJ K</div> + +<!-- The left-most "S" --> <div>L MMMM Q R S T U V WWWW X</div> + +<!-- The "A" --> <div>YYYYYYY Z a b c ddddddd</div> + +<!-- The "P" --> <div id="left-border">eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-025.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-025.xht new file mode 100644 index 00000000000..8849c8e8b10 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-025.xht @@ -0,0 +1,47 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: writing mode of document - horizontal position of first block</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-vrl-025"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="help" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting" title="9.4.1 Block formatting contexts" /> + <link rel="match" href="reference/block-flow-direction-025-ref.xht" /> + + <meta content="image" name="flags" /> + <meta content="This test checks that, when 'writing-mode' value of the root element is set to 'vertical-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side." name="assert" /> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: vertical-rl; + } + + div + { + background-color: blue; + height: 100px; + width: 100px; + } + ]]></style> + </head> + + <body> + + <div></div> + + <p><img src="support/block-flow-direction-025-exp-res.png" width="359" height="36" alt="Image download support must be enabled" /></p> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-2.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-2.xht index 4a5ee64b548..311217e4f02 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-2.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-2.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Inline Direction and Bidirectionality (173 tests)</h2> + <h2>Inline Direction and Bidirectionality (177 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -1102,7 +1102,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s2.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#direction">2.1 Specifying Directionality: the direction property</a></th></tr> - <!-- 30 tests --> + <!-- 34 tests --> <tr id="direction-001-2.1" class="primary"> <td><strong> <a href="direction-001.xht">direction-001</a></strong></td> @@ -1345,6 +1345,50 @@ </ul> </td> </tr> + <tr id="table-progression-slr-001-2.1" class=""> + <td> + <a href="table-progression-slr-001.xht">table-progression-slr-001</a></td> + <td><a href="reference/table-progression-slr-001-ref.xht">=</a> </td> + <td></td> + <td>sideways-lr Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that sideways-lr tables order rows/rowgroups left to right and cells bottom-to-top (LTR) or top-to-bottom (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-slr-002-2.1" class=""> + <td> + <a href="table-progression-slr-002.xht">table-progression-slr-002</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> + <td></td> + <td>sideways-lr Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that sideways-lr tables order columns bottom-to-top (LTR) or top-to-bottom (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-srl-001-2.1" class=""> + <td> + <a href="table-progression-srl-001.xht">table-progression-srl-001</a></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> + <td></td> + <td>sideways-rl Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that sideways-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-srl-002-2.1" class=""> + <td> + <a href="table-progression-srl-002.xht">table-progression-srl-002</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> + <td></td> + <td>sideways-rl Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that sideways-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + </ul> + </td> + </tr> <tr id="table-progression-vlr-001-2.1" class=""> <td> <a href="table-progression-vlr-001.xht">table-progression-vlr-001</a></td> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-3.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-3.xht index e6ce49bcb7c..7f5976d53aa 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-3.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-3.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Introduction to Vertical Text (113 tests)</h2> + <h2>Introduction to Vertical Text (147 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -40,10 +40,21 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s3.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode">3.1 Block Flow Direction: the writing-mode property</a></th></tr> - <!-- 98 tests --> - <tr id="block-flow-direction-001-3.1" class="primary ahem"> + <!-- 132 tests --> + <tr id="block-flow-direction-004-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-001.xht">block-flow-direction-001</a></strong></td> + <a href="block-flow-direction-004.xht">block-flow-direction-004</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'writing-mode' - initial value is 'horizontal-tb' + <ul class="assert"> + <li>This test checks that the default, initial value of writing-mode is 'horizontal-tb'.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-htb-001-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-htb-001.xht">block-flow-direction-htb-001</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>horizontal-tb - block flow direction of block-level boxes @@ -52,531 +63,520 @@ </ul> </td> </tr> - <tr id="block-flow-direction-002-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-043-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-002.xht">block-flow-direction-002</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <a href="block-flow-direction-slr-043.xht">block-flow-direction-slr-043</a></strong></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - block flow direction of block-level boxes + <td>sideways-lr - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-003-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-047-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-003.xht">block-flow-direction-003</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <a href="block-flow-direction-slr-047.xht">block-flow-direction-slr-047</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-lr - block flow direction of block-level boxes + <td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> + <li>This test checks that a right-floated box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-004-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-048-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-004.xht">block-flow-direction-004</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <a href="block-flow-direction-slr-048.xht">block-flow-direction-slr-048</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'writing-mode' - initial value is 'horizontal-tb' + <td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that the default, initial value of writing-mode is 'horizontal-tb'.</li> + <li>This test checks that right-floated boxes with 'writing-mode' set to 'sideways-lr' establish block formating contexts with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-005-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-050-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-005.xht">block-flow-direction-005</a></strong></td> + <a href="block-flow-direction-slr-050.xht">block-flow-direction-slr-050</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: left' and 'vertical-rl' - block flow direction of block-level boxes + <td>position absolute and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a left-floated box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-006-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-054-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-006.xht">block-flow-direction-006</a></strong></td> + <a href="block-flow-direction-slr-054.xht">block-flow-direction-slr-054</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: left' and 'vertical-rl' - block flow direction of block-level boxes + <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that left-floated boxes with 'writing-mode' set to 'vertical-rl' establish block formating contexts with a right-to-left block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-007-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-055-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-007.xht">block-flow-direction-007</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <a href="block-flow-direction-slr-055.xht">block-flow-direction-slr-055</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: right' and 'vertical-lr' - block flow direction of block-level boxes + <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a right-floated box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-008-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-056-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-008.xht">block-flow-direction-008</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <a href="block-flow-direction-slr-056.xht">block-flow-direction-slr-056</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: right' and 'vertical-lr' - block flow direction of block-level boxes + <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that right-floated boxes with 'writing-mode' set to 'vertical-lr' establish block formating contexts with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-009-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-058-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-009.xht">block-flow-direction-009</a></strong></td> + <a href="block-flow-direction-slr-058.xht">block-flow-direction-slr-058</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>position absolute and 'vertical-rl' - block flow direction of block-level boxes + <td>table-cell and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that a table-cell with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-010-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-060-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-010.xht">block-flow-direction-010</a></strong></td> + <a href="block-flow-direction-slr-060.xht">block-flow-direction-slr-060</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>position absolute and 'vertical-lr' - block flow direction of block-level boxes + <td>table-caption and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that a table-caption with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-011-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-062-3.1" class="primary ahem image"> <td><strong> - <a href="block-flow-direction-011.xht">block-flow-direction-011</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-rl' - block flow direction of block-level boxes + <a href="block-flow-direction-slr-062.xht">block-flow-direction-slr-062</a></strong></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>list and sideways-lr - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-012-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-063-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-012.xht">block-flow-direction-012</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <a href="block-flow-direction-slr-063.xht">block-flow-direction-slr-063</a></strong></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-rl' - block flow direction of block-level boxes + <td>sideways-lr - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-013-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-066-3.1" class="primary image"> <td><strong> - <a href="block-flow-direction-013.xht">block-flow-direction-013</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-rl' - block flow direction of block-level boxes + <a href="block-flow-direction-slr-066.xht">block-flow-direction-slr-066</a></strong></td> + <td><a href="reference/block-flow-direction-066-ref.xht">=</a> </td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>writing mode (sideways-lr) of document - horizontal position of first block <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that, when 'writing-mode' value of the root element is set to 'sideways-lr', then its block boxes are laid out rightwardedly (from left to right) one after the other beginning at its lefthand side. Also, the inline flow direction is 'topwardedly', that is inline boxes in the line box flow from the bottom toward the top; inline boxes are laid out vertically, one after the other, starting at the physical bottom side of its containing block.</li> </ul> </td> </tr> - <tr id="block-flow-direction-014-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-042-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-014.xht">block-flow-direction-014</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <a href="block-flow-direction-srl-042.xht">block-flow-direction-srl-042</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-lr' - block flow direction of block-level boxes + <td>sideways-rl - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-015-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-045-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-015.xht">block-flow-direction-015</a></strong></td> + <a href="block-flow-direction-srl-045.xht">block-flow-direction-srl-045</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-lr' - block flow direction of block-level boxes + <td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that a left-floated box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-016-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-046-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-016.xht">block-flow-direction-016</a></strong></td> + <a href="block-flow-direction-srl-046.xht">block-flow-direction-srl-046</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-lr' - block flow direction of block-level boxes + <td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that left-floated boxes with 'writing-mode' set to 'sideways-rl' establish block formating contexts with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-017-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-049-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-017.xht">block-flow-direction-017</a></strong></td> + <a href="block-flow-direction-srl-049.xht">block-flow-direction-srl-049</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-cell and 'vertical-rl' - block flow direction of block-level boxes + <td>position absolute and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-cell with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-018-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-051-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-018.xht">block-flow-direction-018</a></strong></td> + <a href="block-flow-direction-srl-051.xht">block-flow-direction-srl-051</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-cell and 'vertical-lr' - block flow direction of block-level boxes + <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-cell with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-019-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-052-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-019.xht">block-flow-direction-019</a></strong></td> + <a href="block-flow-direction-srl-052.xht">block-flow-direction-srl-052</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-caption and 'vertical-rl' - block flow direction of block-level boxes + <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-caption with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-020-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-053-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-020.xht">block-flow-direction-020</a></strong></td> + <a href="block-flow-direction-srl-053.xht">block-flow-direction-srl-053</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-caption and 'vertical-lr' - block flow direction of block-level boxes + <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-caption with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-021-3.1" class="primary ahem image"> + <tr id="block-flow-direction-srl-057-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-021.xht">block-flow-direction-021</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>list and vertical-rl - block flow direction of block-level boxes + <a href="block-flow-direction-srl-057.xht">block-flow-direction-srl-057</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-cell and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...</li> + <li>This test checks that a table-cell with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-022-3.1" class="primary ahem image"> + <tr id="block-flow-direction-srl-059-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-022.xht">block-flow-direction-022</a></strong></td> + <a href="block-flow-direction-srl-059.xht">block-flow-direction-srl-059</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>list and vertical-lr - block flow direction of block-level boxes + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-caption and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...</li> + <li>This test checks that a table-caption with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-023-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-061-3.1" class="primary ahem image"> <td><strong> - <a href="block-flow-direction-023.xht">block-flow-direction-023</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-lr - block flow direction of block-level boxes + <a href="block-flow-direction-srl-061.xht">block-flow-direction-srl-061</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>list and sideways-rl - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-024-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-064-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-024.xht">block-flow-direction-024</a></strong></td> + <a href="block-flow-direction-srl-064.xht">block-flow-direction-srl-064</a></strong></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - block flow direction of block-level boxes + <td>sideways-rl - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-025-3.1" class="primary image"> + <tr id="block-flow-direction-srl-065-3.1" class="primary image"> <td><strong> - <a href="block-flow-direction-025.xht">block-flow-direction-025</a></strong></td> + <a href="block-flow-direction-srl-065.xht">block-flow-direction-srl-065</a></strong></td> <td><a href="reference/block-flow-direction-025-ref.xht">=</a> </td> <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>writing mode of document - horizontal position of first block + <td>writing mode (sideways-rl) of document - horizontal position of first block <ul class="assert"> - <li>This test checks that, when 'writing-mode' value of the root element is set to 'vertical-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side.</li> + <li>This test checks that, when 'writing-mode' value of the root element is set to 'sideways-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side. Also, the inline flow direction is 'bottomwardedly', that is inline boxes in the line box flow from the top toward the bottom; inline boxes are laid out vertically, one after the other, starting at the physical top side of its containing block.</li> </ul> </td> </tr> - <tr id="block-flow-direction-042-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-003-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-042.xht">block-flow-direction-042</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <a href="block-flow-direction-vlr-003.xht">block-flow-direction-vlr-003</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>sideways-rl - block flow direction of block-level boxes + <td>vertical-lr - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-043-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-007-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-043.xht">block-flow-direction-043</a></strong></td> - <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> + <a href="block-flow-direction-vlr-007.xht">block-flow-direction-vlr-007</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>sideways-lr - block flow direction of block-level boxes + <td>'float: right' and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> + <li>This test checks that a right-floated box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-045-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-008-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-045.xht">block-flow-direction-045</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <a href="block-flow-direction-vlr-008.xht">block-flow-direction-vlr-008</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes + <td>'float: right' and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a left-floated box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that right-floated boxes with 'writing-mode' set to 'vertical-lr' establish block formating contexts with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-046-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-010-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-046.xht">block-flow-direction-046</a></strong></td> + <a href="block-flow-direction-vlr-010.xht">block-flow-direction-vlr-010</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes + <td>position absolute and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that left-floated boxes with 'writing-mode' set to 'sideways-rl' establish block formating contexts with a right-to-left block flow direction.</li> + <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-047-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-014-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-047.xht">block-flow-direction-047</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <a href="block-flow-direction-vlr-014.xht">block-flow-direction-vlr-014</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes + <td>inline-block and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a right-floated box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-048-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-015-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-048.xht">block-flow-direction-048</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <a href="block-flow-direction-vlr-015.xht">block-flow-direction-vlr-015</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes + <td>inline-block and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that right-floated boxes with 'writing-mode' set to 'sideways-lr' establish block formating contexts with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-049-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-016-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-049.xht">block-flow-direction-049</a></strong></td> + <a href="block-flow-direction-vlr-016.xht">block-flow-direction-vlr-016</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>position absolute and 'sideways-rl' - block flow direction of block-level boxes + <td>inline-block and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-050-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-018-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-050.xht">block-flow-direction-050</a></strong></td> + <a href="block-flow-direction-vlr-018.xht">block-flow-direction-vlr-018</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>position absolute and 'sideways-lr' - block flow direction of block-level boxes + <td>table-cell and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that a table-cell with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-051-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-020-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-051.xht">block-flow-direction-051</a></strong></td> + <a href="block-flow-direction-vlr-020.xht">block-flow-direction-vlr-020</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes + <td>table-caption and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that a table-caption with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-052-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-022-3.1" class="primary ahem image"> <td><strong> - <a href="block-flow-direction-052.xht">block-flow-direction-052</a></strong></td> + <a href="block-flow-direction-vlr-022.xht">block-flow-direction-vlr-022</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>list and vertical-lr - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-053-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-023-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-053.xht">block-flow-direction-053</a></strong></td> + <a href="block-flow-direction-vlr-023.xht">block-flow-direction-vlr-023</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes + <td>vertical-lr - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-054-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-002-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-054.xht">block-flow-direction-054</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <a href="block-flow-direction-vrl-002.xht">block-flow-direction-vrl-002</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes + <td>vertical-rl - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-055-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-005-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-055.xht">block-flow-direction-055</a></strong></td> + <a href="block-flow-direction-vrl-005.xht">block-flow-direction-vrl-005</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes + <td>'float: left' and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that a left-floated box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-056-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-006-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-056.xht">block-flow-direction-056</a></strong></td> + <a href="block-flow-direction-vrl-006.xht">block-flow-direction-vrl-006</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes + <td>'float: left' and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that left-floated boxes with 'writing-mode' set to 'vertical-rl' establish block formating contexts with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-057-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-009-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-057.xht">block-flow-direction-057</a></strong></td> + <a href="block-flow-direction-vrl-009.xht">block-flow-direction-vrl-009</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-cell and 'sideways-rl' - block flow direction of block-level boxes + <td>position absolute and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-cell with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-058-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-011-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-058.xht">block-flow-direction-058</a></strong></td> + <a href="block-flow-direction-vrl-011.xht">block-flow-direction-vrl-011</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-cell and 'sideways-lr' - block flow direction of block-level boxes + <td>inline-block and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-cell with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-059-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-012-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-059.xht">block-flow-direction-059</a></strong></td> + <a href="block-flow-direction-vrl-012.xht">block-flow-direction-vrl-012</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-caption and 'sideways-rl' - block flow direction of block-level boxes + <td>inline-block and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-caption with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-060-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-013-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-060.xht">block-flow-direction-060</a></strong></td> + <a href="block-flow-direction-vrl-013.xht">block-flow-direction-vrl-013</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-caption and 'sideways-lr' - block flow direction of block-level boxes + <td>inline-block and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-caption with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-061-3.1" class="primary ahem image"> + <tr id="block-flow-direction-vrl-017-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-061.xht">block-flow-direction-061</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>list and sideways-rl - block flow direction of block-level boxes + <a href="block-flow-direction-vrl-017.xht">block-flow-direction-vrl-017</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-cell and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...</li> + <li>This test checks that a table-cell with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-062-3.1" class="primary ahem image"> + <tr id="block-flow-direction-vrl-019-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-062.xht">block-flow-direction-062</a></strong></td> - <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>list and sideways-lr - block flow direction of block-level boxes + <a href="block-flow-direction-vrl-019.xht">block-flow-direction-vrl-019</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-caption and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...</li> + <li>This test checks that a table-caption with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-063-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-021-3.1" class="primary ahem image"> <td><strong> - <a href="block-flow-direction-063.xht">block-flow-direction-063</a></strong></td> - <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>sideways-lr - block flow direction of block-level boxes + <a href="block-flow-direction-vrl-021.xht">block-flow-direction-vrl-021</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>list and vertical-rl - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-064-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-024-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-064.xht">block-flow-direction-064</a></strong></td> + <a href="block-flow-direction-vrl-024.xht">block-flow-direction-vrl-024</a></strong></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>sideways-rl - block flow direction of block-level boxes + <td>vertical-rl - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-065-3.1" class="primary image"> + <tr id="block-flow-direction-vrl-025-3.1" class="primary image"> <td><strong> - <a href="block-flow-direction-065.xht">block-flow-direction-065</a></strong></td> + <a href="block-flow-direction-vrl-025.xht">block-flow-direction-vrl-025</a></strong></td> <td><a href="reference/block-flow-direction-025-ref.xht">=</a> </td> <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>writing mode (sideways-rl) of document - horizontal position of first block - <ul class="assert"> - <li>This test checks that, when 'writing-mode' value of the root element is set to 'sideways-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side. Also, the inline flow direction is 'bottomwardedly', that is inline boxes in the line box flow from the top toward the bottom; inline boxes are laid out vertically, one after the other, starting at the physical top side of its containing block.</li> - </ul> - </td> - </tr> - <tr id="block-flow-direction-066-3.1" class="primary image"> - <td><strong> - <a href="block-flow-direction-066.xht">block-flow-direction-066</a></strong></td> - <td><a href="reference/block-flow-direction-066-ref.xht">=</a> </td> - <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>writing mode (sideways-lr) of document - horizontal position of first block + <td>writing mode of document - horizontal position of first block <ul class="assert"> - <li>This test checks that, when 'writing-mode' value of the root element is set to 'sideways-lr', then its block boxes are laid out rightwardedly (from left to right) one after the other beginning at its lefthand side. Also, the inline flow direction is 'topwardedly', that is inline boxes in the line box flow from the bottom toward the top; inline boxes are laid out vertically, one after the other, starting at the physical bottom side of its containing block.</li> + <li>This test checks that, when 'writing-mode' value of the root element is set to 'vertical-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side.</li> </ul> </td> </tr> @@ -624,20 +624,97 @@ </ul> </td> </tr> - <tr id="form-controls-vert-rl-004-3.1" class="primary image should"> + <tr id="flexbox_align-items-stretch-writing-modes-3.1" class=""> + <td> + <a href="flexbox_align-items-stretch-writing-modes.xht">flexbox_align-items-stretch-writing-modes</a></td> + <td><a href="reference/flexbox_align-items-stretch-writing-modes-ref.xht">=</a> </td> + <td></td> + <td>Flexbox align-items: stretch with writing-mode vertical-lr and vertical-rl + <ul class="assert"> + <li>vertical-writing-mode flex items should stretch</li> + </ul> + </td> + </tr> + <tr id="form-controls-slr-004-3.1" class="primary image should"> + <td><strong> + <a href="form-controls-slr-004.xht">form-controls-slr-004</a></strong></td> + <td></td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> + <td>order, orientation and layout of form controls in 'sideways-lr' writing-mode + <ul class="assert"> + <li>This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'sideways-lr'.</li> + </ul> + </td> + </tr> + <tr id="form-controls-slr-005-3.1" class="primary should"> + <td><strong> + <a href="form-controls-slr-005.xht">form-controls-slr-005</a></strong></td> + <td></td> + <td><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> + <td>form controls in 'sideways-lr' writing-mode + <ul class="assert"> + <li>This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'sideways-lr' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from bottom to top, b) the glyphs must be rotated 90&deg; counter-clockwise and c) the block flow direction must be from left to right.</li> + </ul> + </td> + </tr> + <tr id="form-controls-srl-004-3.1" class="primary image should"> + <td><strong> + <a href="form-controls-srl-004.xht">form-controls-srl-004</a></strong></td> + <td></td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> + <td>order, orientation and layout of form controls in 'sideways-rl' writing-mode + <ul class="assert"> + <li>This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'sideways-rl'.</li> + </ul> + </td> + </tr> + <tr id="form-controls-srl-005-3.1" class="primary should"> + <td><strong> + <a href="form-controls-srl-005.xht">form-controls-srl-005</a></strong></td> + <td></td> + <td><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> + <td>form controls in 'sideways-rl' writing-mode + <ul class="assert"> + <li>This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'sideways-rl' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90&deg; clockwise and c) the block flow direction must be from right to left.</li> + </ul> + </td> + </tr> + <tr id="form-controls-vlr-004-3.1" class="primary image should"> + <td><strong> + <a href="form-controls-vlr-004.xht">form-controls-vlr-004</a></strong></td> + <td></td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> + <td>order, orientation and layout of form controls in 'vertical-lr' writing-mode + <ul class="assert"> + <li>This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'vertical-lr'.</li> + </ul> + </td> + </tr> + <tr id="form-controls-vlr-005-3.1" class="primary should"> <td><strong> - <a href="form-controls-vert-rl-004.xht">form-controls-vert-rl-004</a></strong></td> + <a href="form-controls-vlr-005.xht">form-controls-vlr-005</a></strong></td> + <td></td> + <td><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> + <td>form controls in 'vertical-lr' writing-mode + <ul class="assert"> + <li>This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'vertical-lr' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90&deg; clockwise and c) the block flow direction must be from left to right.</li> + </ul> + </td> + </tr> + <tr id="form-controls-vrl-004-3.1" class="primary image should"> + <td><strong> + <a href="form-controls-vrl-004.xht">form-controls-vrl-004</a></strong></td> <td></td> <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> <td>order, orientation and layout of form controls in 'vertical-rl' writing-mode <ul class="assert"> - <li>This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1.</li> + <li>This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'vertical-rl'.</li> </ul> </td> </tr> - <tr id="form-controls-vert-rl-005-3.1" class="primary should"> + <tr id="form-controls-vrl-005-3.1" class="primary should"> <td><strong> - <a href="form-controls-vert-rl-005.xht">form-controls-vert-rl-005</a></strong></td> + <a href="form-controls-vrl-005.xht">form-controls-vrl-005</a></strong></td> <td></td> <td><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> <td>form controls in 'vertical-rl' writing-mode @@ -668,9 +745,9 @@ </ul> </td> </tr> - <tr id="line-box-direction-001-3.1" class="primary ahem"> + <tr id="line-box-direction-htb-001-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-001.xht">line-box-direction-001</a></strong></td> + <a href="line-box-direction-htb-001.xht">line-box-direction-htb-001</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>horizontal-tb - ordering direction of line boxes @@ -679,53 +756,218 @@ </ul> </td> </tr> - <tr id="line-box-direction-002-3.1" class="primary ahem"> + <tr id="line-box-direction-slr-043-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-002.xht">line-box-direction-002</a></strong></td> + <a href="line-box-direction-slr-043.xht">line-box-direction-slr-043</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - ordering direction of line boxes + <td>sideways-lr - ordering direction of line boxes <ul class="assert"> - <li>This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...</li> + <li>This test checks that line boxes in a block box with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-slr-047-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-slr-047.xht">line-box-direction-slr-047</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'float: right' and 'sideways-lr' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the line boxes of a right-floated box with its 'writing-mode' set to 'sideways-lr' will be ordered from left to right.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-slr-048-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-slr-048.xht">line-box-direction-slr-048</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'float: right' and 'sideways-lr' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the line boxes of right-floated boxes with 'writing-mode' set to 'sideways-lr' will be ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-003-3.1" class="primary ahem"> + <tr id="line-box-direction-slr-050-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-003.xht">line-box-direction-003</a></strong></td> + <a href="line-box-direction-slr-050.xht">line-box-direction-slr-050</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-lr - ordering direction of line boxes + <td>position absolute and 'sideways-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...</li> + <li>This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' will be ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-005-3.1" class="primary ahem"> + <tr id="line-box-direction-slr-053-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-005.xht">line-box-direction-005</a></strong></td> + <a href="line-box-direction-slr-053.xht">line-box-direction-slr-053</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: left' and 'vertical-rl' - ordering direction of line boxes + <td>inline-block and 'sideways-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that the line boxes of a left-floated box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left.</li> + <li>This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'sideways-lr' are ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-006-3.1" class="primary ahem"> + <tr id="line-box-direction-slr-054-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-006.xht">line-box-direction-006</a></strong></td> + <a href="line-box-direction-slr-054.xht">line-box-direction-slr-054</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: left' and 'vertical-rl' - ordering direction of line boxes + <td>inline-block and 'sideways-lr' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'sideways-lr' are ordered from left to right.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-slr-056-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-slr-056.xht">line-box-direction-slr-056</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-cell and 'sideways-lr' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'sideways-lr' are ordered from left to right.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-slr-058-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-slr-058.xht">line-box-direction-slr-058</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-caption and 'sideways-lr' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'sideways-lr' are ordered from left to right.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-slr-060-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-slr-060.xht">line-box-direction-slr-060</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>list and 'sideways-lr' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that line boxes in a block box with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-042-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-042.xht">line-box-direction-srl-042</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>sideways-rl - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that line boxes of a block box in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-045-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-045.xht">line-box-direction-srl-045</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'float: left' and 'sideways-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the line boxes of a left-floated box with its 'writing-mode' set to 'sideways-rl' will be ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-046-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-046.xht">line-box-direction-srl-046</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'float: left' and 'sideways-rl' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'vertical-lr' will be ordered from right to left.</li> + <li>This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'sideways-rl' will be ordered from right to left.</li> </ul> </td> </tr> - <tr id="line-box-direction-007-3.1" class="primary ahem"> + <tr id="line-box-direction-srl-049-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-007.xht">line-box-direction-007</a></strong></td> + <a href="line-box-direction-srl-049.xht">line-box-direction-srl-049</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>position absolute and 'sideways-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' will be ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-051-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-051.xht">line-box-direction-srl-051</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>inline-block and 'sideways-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'sideways-rl' are ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-052-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-052.xht">line-box-direction-srl-052</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>inline-block and 'sideways-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'sideways-rl' are ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-055-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-055.xht">line-box-direction-srl-055</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-cell and 'sideways-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'sideways-rl' are ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-057-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-057.xht">line-box-direction-srl-057</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-caption and 'sideways-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'sideways-rl' are ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-059-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-059.xht">line-box-direction-srl-059</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>list and 'sideways-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that line boxes of a block box in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-vlr-003-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-vlr-003.xht">line-box-direction-vlr-003</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-lr - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-vlr-007-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-vlr-007.xht">line-box-direction-vlr-007</a></strong></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>'float: right' and 'vertical-lr' - ordering direction of line boxes @@ -734,9 +976,9 @@ </ul> </td> </tr> - <tr id="line-box-direction-008-3.1" class="primary ahem"> + <tr id="line-box-direction-vlr-008-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-008.xht">line-box-direction-008</a></strong></td> + <a href="line-box-direction-vlr-008.xht">line-box-direction-vlr-008</a></strong></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>'float: right' and 'vertical-lr' - ordering direction of line boxes @@ -745,135 +987,168 @@ </ul> </td> </tr> - <tr id="line-box-direction-009-3.1" class="primary ahem"> + <tr id="line-box-direction-vlr-010-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-009.xht">line-box-direction-009</a></strong></td> + <a href="line-box-direction-vlr-010.xht">line-box-direction-vlr-010</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>position absolute and 'vertical-rl' - ordering direction of line boxes + <td>position absolute and 'vertical-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left.</li> + <li>This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' will be ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-010-3.1" class="primary ahem"> + <tr id="line-box-direction-vlr-013-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-010.xht">line-box-direction-010</a></strong></td> + <a href="line-box-direction-vlr-013.xht">line-box-direction-vlr-013</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>position absolute and 'vertical-lr' - ordering direction of line boxes + <td>inline-block and 'vertical-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' will be ordered from left to right.</li> + <li>This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-011-3.1" class="primary ahem"> + <tr id="line-box-direction-vlr-014-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-011.xht">line-box-direction-011</a></strong></td> + <a href="line-box-direction-vlr-014.xht">line-box-direction-vlr-014</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-rl' - ordering direction of line boxes + <td>inline-block and 'vertical-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> + <li>This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-012-3.1" class="primary ahem"> + <tr id="line-box-direction-vlr-016-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-012.xht">line-box-direction-012</a></strong></td> + <a href="line-box-direction-vlr-016.xht">line-box-direction-vlr-016</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-rl' - ordering direction of line boxes + <td>table-cell and 'vertical-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> + <li>This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-013-3.1" class="primary ahem"> + <tr id="line-box-direction-vlr-018-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-013.xht">line-box-direction-013</a></strong></td> + <a href="line-box-direction-vlr-018.xht">line-box-direction-vlr-018</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-lr' - ordering direction of line boxes + <td>table-caption and 'vertical-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> + <li>This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-014-3.1" class="primary ahem"> + <tr id="line-box-direction-vlr-020-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-014.xht">line-box-direction-014</a></strong></td> + <a href="line-box-direction-vlr-020.xht">line-box-direction-vlr-020</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-lr' - ordering direction of line boxes + <td>list and 'vertical-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> + <li>This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...</li> </ul> </td> </tr> - <tr id="line-box-direction-015-3.1" class="primary ahem"> + <tr id="line-box-direction-vrl-002-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-015.xht">line-box-direction-015</a></strong></td> + <a href="line-box-direction-vrl-002.xht">line-box-direction-vrl-002</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-cell and 'vertical-rl' - ordering direction of line boxes + <td>vertical-rl - ordering direction of line boxes <ul class="assert"> - <li>This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> + <li>This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="line-box-direction-016-3.1" class="primary ahem"> + <tr id="line-box-direction-vrl-005-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-016.xht">line-box-direction-016</a></strong></td> + <a href="line-box-direction-vrl-005.xht">line-box-direction-vrl-005</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-cell and 'vertical-lr' - ordering direction of line boxes + <td>'float: left' and 'vertical-rl' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> + <li>This test checks that the line boxes of a left-floated box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left.</li> </ul> </td> </tr> - <tr id="line-box-direction-017-3.1" class="primary ahem"> + <tr id="line-box-direction-vrl-006-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-017.xht">line-box-direction-017</a></strong></td> + <a href="line-box-direction-vrl-006.xht">line-box-direction-vrl-006</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-caption and 'vertical-rl' - ordering direction of line boxes + <td>'float: left' and 'vertical-rl' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> + <li>This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'vertical-rl' will be ordered from right to left.</li> </ul> </td> </tr> - <tr id="line-box-direction-018-3.1" class="primary ahem"> + <tr id="line-box-direction-vrl-009-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-018.xht">line-box-direction-018</a></strong></td> + <a href="line-box-direction-vrl-009.xht">line-box-direction-vrl-009</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-caption and 'vertical-lr' - ordering direction of line boxes + <td>position absolute and 'vertical-rl' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> + <li>This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left.</li> </ul> </td> </tr> - <tr id="line-box-direction-019-3.1" class="primary ahem"> + <tr id="line-box-direction-vrl-011-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-019.xht">line-box-direction-019</a></strong></td> + <a href="line-box-direction-vrl-011.xht">line-box-direction-vrl-011</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>list and 'vertical-rl' - ordering direction of line boxes + <td>inline-block and 'vertical-rl' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...</li> + <li>This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> </ul> </td> </tr> - <tr id="line-box-direction-020-3.1" class="primary ahem"> + <tr id="line-box-direction-vrl-012-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-020.xht">line-box-direction-020</a></strong></td> + <a href="line-box-direction-vrl-012.xht">line-box-direction-vrl-012</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>list and 'vertical-lr' - ordering direction of line boxes + <td>inline-block and 'vertical-rl' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...</li> + <li>This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-vrl-015-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-vrl-015.xht">line-box-direction-vrl-015</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-cell and 'vertical-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-vrl-017-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-vrl-017.xht">line-box-direction-vrl-017</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-caption and 'vertical-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-vrl-019-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-vrl-019.xht">line-box-direction-vrl-019</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>list and 'vertical-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...</li> </ul> </td> </tr> @@ -899,6 +1174,28 @@ </ul> </td> </tr> + <tr id="page-flow-direction-slr-005-3.1" class="primary image paged"> + <td><strong> + <a href="page-flow-direction-slr-005.xht">page-flow-direction-slr-005</a></strong></td> + <td></td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> + <td>'writing-mode: sideways-lr' - default page flow (progression) direction + <ul class="assert"> + <li>This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right.</li> + </ul> + </td> + </tr> + <tr id="page-flow-direction-srl-004-3.1" class="primary image paged"> + <td><strong> + <a href="page-flow-direction-srl-004.xht">page-flow-direction-srl-004</a></strong></td> + <td></td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> + <td>'writing-mode: sideways-rl' - default page flow (progression) direction + <ul class="assert"> + <li>This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is right-to-left.</li> + </ul> + </td> + </tr> <tr id="replaced-content-image-002-3.1" class="primary should"> <td><strong> <a href="replaced-content-image-002.xht">replaced-content-image-002</a></strong></td> @@ -921,64 +1218,75 @@ </ul> </td> </tr> - <tr id="row-progression-002-3.1" class="primary ahem"> + <tr id="row-progression-slr-023-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-002.xht">row-progression-002</a></strong></td> + <a href="row-progression-slr-023.xht">row-progression-slr-023</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - table rows progression + <td>sideways-lr - table rows progression <ul class="assert"> - <li>This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...</li> + <li>This test checks that rows of a table element with in a 'sideways-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells and table columns in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top.</li> </ul> </td> </tr> - <tr id="row-progression-003-3.1" class="primary ahem"> + <tr id="row-progression-slr-029-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-003.xht">row-progression-003</a></strong></td> + <a href="row-progression-slr-029.xht">row-progression-slr-029</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-lr - table rows progression + <td>sideways-lr - table rows progression (thead, 2 tbodies, tfoot) <ul class="assert"> - <li>This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc...</li> + <li>This test checks that rows of a table element with in a 'sideways-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells and table columns in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top.</li> </ul> </td> </tr> - <tr id="row-progression-004-3.1" class="primary ahem"> + <tr id="row-progression-srl-022-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-004.xht">row-progression-004</a></strong></td> + <a href="row-progression-srl-022.xht">row-progression-srl-022</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - table rows progression and colspan + <td>sideways-rl - table rows progression <ul class="assert"> - <li>This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction.</li> + <li>This test checks that rows of a table element with in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="row-progression-005-3.1" class="primary ahem"> + <tr id="row-progression-srl-028-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-005.xht">row-progression-005</a></strong></td> + <a href="row-progression-srl-028.xht">row-progression-srl-028</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-lr - table rows progression and colspan + <td>sideways-rl - table rows progression (thead, 2 tbodies, tfoot) <ul class="assert"> - <li>This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction.</li> + <li>This test checks that rows of a table element with in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="row-progression-006-3.1" class="primary ahem"> + <tr id="row-progression-vlr-003-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-006.xht">row-progression-006</a></strong></td> + <a href="row-progression-vlr-003.xht">row-progression-vlr-003</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - table rows progression and rowspan + <td>vertical-lr - table rows progression <ul class="assert"> - <li>This test checks that rowspanned cells in a table are handled according to a right-to-left direction.</li> + <li>This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc...</li> + </ul> + </td> + </tr> + <tr id="row-progression-vlr-005-3.1" class="primary ahem"> + <td><strong> + <a href="row-progression-vlr-005.xht">row-progression-vlr-005</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-lr - table rows progression and colspan + <ul class="assert"> + <li>This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction.</li> </ul> </td> </tr> - <tr id="row-progression-007-3.1" class="primary ahem"> + <tr id="row-progression-vlr-007-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-007.xht">row-progression-007</a></strong></td> + <a href="row-progression-vlr-007.xht">row-progression-vlr-007</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>vertical-lr - table rows progression and rowspan @@ -987,25 +1295,102 @@ </ul> </td> </tr> - <tr id="row-progression-008-3.1" class="primary ahem"> + <tr id="row-progression-vlr-009-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-008.xht">row-progression-008</a></strong></td> + <a href="row-progression-vlr-009.xht">row-progression-vlr-009</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - table rows progression (thead, 2 tbodies, tfoot) + <td>vertical-lr - table rows progression (thead, 2 tbodies, tfoot) + <ul class="assert"> + <li>This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top.</li> + </ul> + </td> + </tr> + <tr id="row-progression-vrl-002-3.1" class="primary ahem"> + <td><strong> + <a href="row-progression-vrl-002.xht">row-progression-vrl-002</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-rl - table rows progression <ul class="assert"> <li>This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="row-progression-009-3.1" class="primary ahem"> + <tr id="row-progression-vrl-004-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-009.xht">row-progression-009</a></strong></td> + <a href="row-progression-vrl-004.xht">row-progression-vrl-004</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-lr - table rows progression (thead, 2 tbodies, tfoot) + <td>vertical-rl - table rows progression and colspan <ul class="assert"> - <li>This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc...</li> + <li>This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction.</li> + </ul> + </td> + </tr> + <tr id="row-progression-vrl-006-3.1" class="primary ahem"> + <td><strong> + <a href="row-progression-vrl-006.xht">row-progression-vrl-006</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-rl - table rows progression and rowspan + <ul class="assert"> + <li>This test checks that rowspanned cells in a table are handled according to a right-to-left direction.</li> + </ul> + </td> + </tr> + <tr id="row-progression-vrl-008-3.1" class="primary ahem"> + <td><strong> + <a href="row-progression-vrl-008.xht">row-progression-vrl-008</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-rl - table rows progression (thead, 2 tbodies, tfoot) + <ul class="assert"> + <li>This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...</li> + </ul> + </td> + </tr> + <tr id="table-progression-slr-001-3.1" class="primary"> + <td><strong> + <a href="table-progression-slr-001.xht">table-progression-slr-001</a></strong></td> + <td><a href="reference/table-progression-slr-001-ref.xht">=</a> </td> + <td></td> + <td>sideways-lr Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that sideways-lr tables order rows/rowgroups left to right and cells bottom-to-top (LTR) or top-to-bottom (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-slr-002-3.1" class="primary"> + <td><strong> + <a href="table-progression-slr-002.xht">table-progression-slr-002</a></strong></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> + <td></td> + <td>sideways-lr Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that sideways-lr tables order columns bottom-to-top (LTR) or top-to-bottom (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-srl-001-3.1" class="primary"> + <td><strong> + <a href="table-progression-srl-001.xht">table-progression-srl-001</a></strong></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> + <td></td> + <td>sideways-rl Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that sideways-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-srl-002-3.1" class="primary"> + <td><strong> + <a href="table-progression-srl-002.xht">table-progression-srl-002</a></strong></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> + <td></td> + <td>sideways-rl Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that sideways-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> </ul> </td> </tr> @@ -1101,17 +1486,6 @@ </ul> </td> </tr> - <tr id="writing-mode-stretch-001-3.1" class="primary"> - <td><strong> - <a href="writing-mode-stretch-001.xht">writing-mode-stretch-001</a></strong></td> - <td><a href="reference/writing-mode-stretch-001-ref.xht">=</a> </td> - <td></td> - <td>writing-mode vertical-lr and vertical-rl - <ul class="assert"> - <li>vertical-writing-mode flex items should stretch</li> - </ul> - </td> - </tr> <tr id="writing-mode-vertical-rl-003-3.1" class="primary ahem"> <td><strong> <a href="writing-mode-vertical-rl-003.xht">writing-mode-vertical-rl-003</a></strong></td> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-4.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-4.xht index 5c9eb2e4517..026e31eff53 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-4.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-4.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Inline-level Alignment (30 tests)</h2> + <h2>Inline-level Alignment (36 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -49,7 +49,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s4.2">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines">4.2 Text Baselines</a></th></tr> - <!-- 8 tests --> + <!-- 14 tests --> <tr id="central-baseline-alignment-002-4.2" class="primary ahem"> <td><strong> <a href="central-baseline-alignment-002.xht">central-baseline-alignment-002</a></strong></td> @@ -72,43 +72,87 @@ </ul> </td> </tr> - <tr id="text-baseline-002-4.2" class="primary ahem"> + <tr id="text-baseline-slr-009-4.2" class="primary ahem"> <td><strong> - <a href="text-baseline-002.xht">text-baseline-002</a></strong></td> - <td><a href="reference/text-baseline-002-ref.xht">=</a> </td> + <a href="text-baseline-slr-009.xht">text-baseline-slr-009</a></strong></td> + <td><a href="reference/text-baseline-slr-009-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>text baseline alignment - central alignment with vertical layout + <td>text baseline alignment - alphabetical alignment with vertical layout <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.</li> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'mixed', then the alphabetical baseline is used as the dominant baseline.</li> </ul> </td> </tr> - <tr id="text-baseline-003-4.2" class="primary ahem"> + <tr id="text-baseline-slr-011-4.2" class="primary ahem"> <td><strong> - <a href="text-baseline-003.xht">text-baseline-003</a></strong></td> - <td><a href="reference/text-baseline-002-ref.xht">=</a> </td> + <a href="text-baseline-slr-011.xht">text-baseline-slr-011</a></strong></td> + <td><a href="reference/text-baseline-slr-009-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>text baseline alignment - central alignment with vertical layout + <td>text baseline alignment - alphabetical alignment with vertical layout <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.</li> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'upright', then the alphabetical baseline is used as the dominant baseline.</li> + </ul> + </td> + </tr> + <tr id="text-baseline-slr-013-4.2" class="primary ahem"> + <td><strong> + <a href="text-baseline-slr-013.xht">text-baseline-slr-013</a></strong></td> + <td><a href="reference/text-baseline-slr-009-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - alphabetical alignment with vertical layout + <ul class="assert"> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> + </ul> + </td> + </tr> + <tr id="text-baseline-srl-008-4.2" class="primary ahem"> + <td><strong> + <a href="text-baseline-srl-008.xht">text-baseline-srl-008</a></strong></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - alphabetical alignment with vertical layout + <ul class="assert"> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'mixed', then the alphabetical baseline is used as the dominant baseline.</li> + </ul> + </td> + </tr> + <tr id="text-baseline-srl-010-4.2" class="primary ahem"> + <td><strong> + <a href="text-baseline-srl-010.xht">text-baseline-srl-010</a></strong></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - alphabetical alignment with vertical layout + <ul class="assert"> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'upright', then the alphabetical baseline is used as the dominant baseline.</li> + </ul> + </td> + </tr> + <tr id="text-baseline-srl-012-4.2" class="primary ahem"> + <td><strong> + <a href="text-baseline-srl-012.xht">text-baseline-srl-012</a></strong></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - alphabetical alignment with vertical layout + <ul class="assert"> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> </ul> </td> </tr> - <tr id="text-baseline-004-4.2" class="primary ahem"> + <tr id="text-baseline-vlr-003-4.2" class="primary ahem"> <td><strong> - <a href="text-baseline-004.xht">text-baseline-004</a></strong></td> - <td><a href="reference/text-baseline-002-ref.xht">=</a> </td> + <a href="text-baseline-vlr-003.xht">text-baseline-vlr-003</a></strong></td> + <td><a href="reference/text-baseline-vrl-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>text baseline alignment - central alignment with vertical layout <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline.</li> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.</li> </ul> </td> </tr> - <tr id="text-baseline-005-4.2" class="primary ahem"> + <tr id="text-baseline-vlr-005-4.2" class="primary ahem"> <td><strong> - <a href="text-baseline-005.xht">text-baseline-005</a></strong></td> - <td><a href="reference/text-baseline-002-ref.xht">=</a> </td> + <a href="text-baseline-vlr-005.xht">text-baseline-vlr-005</a></strong></td> + <td><a href="reference/text-baseline-vrl-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>text baseline alignment - central alignment with vertical layout <ul class="assert"> @@ -116,25 +160,47 @@ </ul> </td> </tr> - <tr id="text-baseline-006-4.2" class="primary ahem"> + <tr id="text-baseline-vlr-007-4.2" class="primary ahem"> <td><strong> - <a href="text-baseline-006.xht">text-baseline-006</a></strong></td> - <td><a href="reference/text-baseline-006-ref.xht">=</a> </td> + <a href="text-baseline-vlr-007.xht">text-baseline-vlr-007</a></strong></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>text baseline alignment - alphabetical alignment with vertical layout <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> + </ul> + </td> + </tr> + <tr id="text-baseline-vrl-002-4.2" class="primary ahem"> + <td><strong> + <a href="text-baseline-vrl-002.xht">text-baseline-vrl-002</a></strong></td> + <td><a href="reference/text-baseline-vrl-002-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - central alignment with vertical layout + <ul class="assert"> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.</li> + </ul> + </td> + </tr> + <tr id="text-baseline-vrl-004-4.2" class="primary ahem"> + <td><strong> + <a href="text-baseline-vrl-004.xht">text-baseline-vrl-004</a></strong></td> + <td><a href="reference/text-baseline-vrl-002-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - central alignment with vertical layout + <ul class="assert"> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline.</li> </ul> </td> </tr> - <tr id="text-baseline-007-4.2" class="primary ahem"> + <tr id="text-baseline-vrl-006-4.2" class="primary ahem"> <td><strong> - <a href="text-baseline-007.xht">text-baseline-007</a></strong></td> - <td><a href="reference/text-baseline-006-ref.xht">=</a> </td> + <a href="text-baseline-vrl-006.xht">text-baseline-vrl-006</a></strong></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>text baseline alignment - alphabetical alignment with vertical layout <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/flexbox_align-items-stretch-writing-modes.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/flexbox_align-items-stretch-writing-modes.xht new file mode 100644 index 00000000000..9ceed4f9b51 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/flexbox_align-items-stretch-writing-modes.xht @@ -0,0 +1,58 @@ +<!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 Test: Flexbox align-items: stretch with writing-mode vertical-lr and vertical-rl</title> + <link href="mailto:mitsuteru.s@gmail.com" rel="author" title="Mitsuteru Sawa" /> + <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins Jr." /> + <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> + <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> + <link href="reference/flexbox_align-items-stretch-writing-modes-ref.xht" rel="match" /> + <meta content="vertical-writing-mode flex items should stretch" name="assert" /> + <style> + .container { + display: flex; + width: 250px; + } + .vertical-rl { + writing-mode: vertical-rl; + } + .vertical-lr { + writing-mode: vertical-lr; + } + .item { + background-color: green; + } + .square { + height: 50px; + width: 50px; + } + .error { + position: absolute; + background-color: red; + height: 100px; + width: 250px; + z-index: -1; + } + </style> +</head> +<body> + <p>The test passes if you see a green rectangle and no red.</p> + <div class="test"> + <div class="error"></div> + <div class="container"> + <div class="horizontal item"> + <div class="square"></div> + <div class="square"></div> + </div> + <div class="vertical-rl item"> + <div class="square"></div> + <div class="square"></div> + </div> + <div class="vertical-lr item"> + <div class="square"></div> + <div class="square"></div> + </div> + </div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-slr-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-slr-004.xht new file mode 100644 index 00000000000..267ae904f4e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-slr-004.xht @@ -0,0 +1,65 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: order, orientation and layout of form controls in 'sideways-lr' writing-mode</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test form-controls-slr-004"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + + <meta content="image should" name="flags" /> + <meta content="This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'sideways-lr'." name="assert" /> + + <style type="text/css"><![CDATA[ + form + { + font-size: 18px; + writing-mode: sideways-lr; + } + + select + { + vertical-align: top; + } + ]]></style> + </head> + + <body> + + <form action=""> + <p><label>姓名 <input value="艾俐俐" size="10" /></label></p> + + <p><label>语言 <select size="1"><option>English</option> + <option>français</option> + <option>فارسی</option> + <option>中文</option> + <option>日本語</option></select></label></p> + </form> + + <p>Test passes if the characters and form controls of the form above have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong> as the ones of the form below:</p> + + <p><img src="support/form-controls-slr.png" width="180" height="185" alt="Image download support must be enabled" /> +<!-- + Long description of image: + Screenshot of vertical layout: the input element is laid lengthwise + from bottom to top and its content rendered in a vertical writing mode, + matching the label outside it. The drop-down selection control (located on + the input element's righthand side) slides out to the side (towards the + after edge of the block) rather than downward as it would in horizontal writing mode. + The Asian glyphs in the input element and in the drop-down selection + control are rotated 90 degrees counter-clockwise. +--> + </p> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-slr-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-slr-005.xht new file mode 100644 index 00000000000..10cecd7a1ee --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-slr-005.xht @@ -0,0 +1,65 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: form controls in 'sideways-lr' writing-mode</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test form-controls-slr-005"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + + <meta content="should" name="flags" /> + <meta content="This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'sideways-lr' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from bottom to top, b) the glyphs must be rotated 90° counter-clockwise and c) the block flow direction must be from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + form + { + font-size: 1.25em; + writing-mode: sideways-lr; + } + ]]></style> + </head> + + <body> + + <p>Test passes if a) the form controls are appearing with Text sample1 on the left of the page and with Text sample10 on the right and if b) each of the 10 "Text sample" in the form controls are <strong>rotated 90° counter-clockwise</strong>.</p> + + <form action=""> + + <p><input value="Text sample1" size="12" /></p> + + <p> + <select size="3"> + <optgroup label="Text sample2"> + <option>Text sample3</option> + <option>Text sample4</option> + </optgroup> + </select> + </p> + + <p><textarea cols="12" rows="2">Text sample5</textarea></p> + + <p><input type="button" value="Text sample6" /></p> + + <p><input type="submit" value="Text sample7" /></p> + + <p><input type="reset" value="Text sample8" /></p> + + <p><button type="button">Text sample9</button></p> + + <p><button type="submit">Text sample10</button></p> + + </form> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-srl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-srl-004.xht new file mode 100644 index 00000000000..4798a878ecd --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-srl-004.xht @@ -0,0 +1,66 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: order, orientation and layout of form controls in 'sideways-rl' writing-mode</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test form-controls-srl-004"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + + <meta content="image should" name="flags" /> + <meta content="This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'sideways-rl'." name="assert" /> + + <style type="text/css"><![CDATA[ + form + { + font-size: 18px; + margin-left: 5em; + writing-mode: sideways-rl; + } + + select + { + vertical-align: top; + } + ]]></style> + </head> + + <body> + + <form action=""> + <p><label>姓名 <input value="艾俐俐" size="10" /></label></p> + + <p><label>语言 <select size="1"><option>English</option> + <option>français</option> + <option>فارسی</option> + <option>中文</option> + <option>日本語</option></select></label></p> + </form> + + <p>Test passes if the characters and form controls of the form above have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong> as the ones of the form below:</p> + + <p><img src="support/form-controls-srl.png" width="180" height="185" alt="Image download support must be enabled" /> +<!-- + Long description of image: + Screenshot of vertical layout: the input element is laid lengthwise + from top to bottom and its content rendered in a vertical writing mode, + matching the label outside it. The drop-down selection control (located on + the input element's lefthand side) slides out to the side (towards the + after edge of the block) rather than downward as it would in horizontal writing mode. + The Asian glyphs in the input element and in the drop-down selection + control are rotated 90 degrees clockwise. +--> + </p> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-srl-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-srl-005.xht new file mode 100644 index 00000000000..b2f415c10c8 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-srl-005.xht @@ -0,0 +1,65 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: form controls in 'sideways-rl' writing-mode</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test form-controls-srl-005"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + + <meta content="should" name="flags" /> + <meta content="This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'sideways-rl' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90° clockwise and c) the block flow direction must be from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + form + { + font-size: 1.25em; + writing-mode: sideways-rl; + } + ]]></style> + </head> + + <body> + + <p>Test passes if a) the form controls are appearing with Text sample1 on the right of the page and with Text sample10 on the left and if b) each of the 10 "Text sample" in the form controls are <strong>rotated 90° clockwise</strong>.</p> + + <form action=""> + + <p><input value="Text sample1" size="12" /></p> + + <p> + <select size="3"> + <optgroup label="Text sample2"> + <option>Text sample3</option> + <option>Text sample4</option> + </optgroup> + </select> + </p> + + <p><textarea cols="12" rows="2">Text sample5</textarea></p> + + <p><input type="button" value="Text sample6" /></p> + + <p><input type="submit" value="Text sample7" /></p> + + <p><input type="reset" value="Text sample8" /></p> + + <p><button type="button">Text sample9</button></p> + + <p><button type="submit">Text sample10</button></p> + + </form> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vert-rl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vert-rl-004.xht deleted file mode 100644 index 90e5a6fc0b3..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vert-rl-004.xht +++ /dev/null @@ -1,66 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: order, orientation and layout of form controls in 'vertical-rl' writing-mode</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test form-controls-vert-rl-004"; } - @bottom-right { content: counter(page); } - } -</style> - - <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> - <link rel="bookmark" type="image/png" href="http://www.w3.org/TR/css-writing-modes-3/vertical-form.png" title="Screenshot of vertical layout of form controls and characters" /> - <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - - <meta content="image should" name="flags" /> - <meta content="This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1." name="assert" /> - - <style type="text/css"><![CDATA[ - form - { - font-size: 18px; - margin-left: 5em; - writing-mode: vertical-rl; - } - - select - { - vertical-align: top; - } - ]]></style> - </head> - - <body> - - <form action=""> - <p><label>姓名 <input value="艾俐俐" size="10" /></label></p> - - <p><label>语言 <select size="1"><option>English</option> - <option>français</option> - <option>فارسی</option> - <option>中文</option> - <option>日本語</option></select></label></p> - </form> - - <p>Test passes if the characters and form controls of the form above have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong> as the ones of the form below:</p> - - <p><img src="support/vertical-form.png" width="182" height="266" alt="Image download support must be enabled" /> -<!-- - original source of the image is: - http://www.w3.org/TR/css-writing-modes-3/vertical-form.png - longdesc="Screenshot of vertical layout: the input element is laid lengthwise - from top to botom and its contents rendered in a vertical writing mode, - matching the lbels outside it. The drop-down selection control after it slides - out to the sid (towards the after edge of the block) rather than downward as - it would in hoizontal writing modes." ---> - </p> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vert-rl-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vert-rl-005.xht deleted file mode 100644 index df3b4d0bd2f..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vert-rl-005.xht +++ /dev/null @@ -1,67 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: form controls in 'vertical-rl' writing-mode</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test form-controls-vert-rl-005"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - - <meta content="should" name="flags" /> - <meta content="This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'vertical-rl' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90° clockwise and c) the block flow direction must be from right to left." name="assert" /> - - <style type="text/css"><![CDATA[ - form - { - font-size: 1.25em; - height: auto; - writing-mode: vertical-rl; - } - - form > p { margin-right: 1em; } - ]]></style> - </head> - - <body> - - <p>Test passes if a) the form controls are appearing with Text sample1 on the left of the page and with Text sample10 on the right and if b) each of the 10 "Text sample" in the form controls are <strong>rotated 90° clockwise</strong>.</p> - - <form action=""> - - <p><button type="submit">Text sample10</button></p> - - <p><button type="button">Text sample9</button></p> - - <p><input type="reset" value="Text sample8" /></p> - - <p><input type="submit" value="Text sample7" /></p> - - <p><input type="button" value="Text sample6" /></p> - - <p><textarea cols="12" rows="2">Text sample5</textarea></p> - - <p> - <select size="3"> - <optgroup label="Text sample4"> - <option>Text sample3</option> - <option>Text sample2</option> - </optgroup> - </select> - </p> - - <p><input value="Text sample1" size="12" /></p> - </form> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vlr-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vlr-004.xht new file mode 100644 index 00000000000..dc02a5a30fe --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vlr-004.xht @@ -0,0 +1,65 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: order, orientation and layout of form controls in 'vertical-lr' writing-mode</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test form-controls-vlr-004"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + + <meta content="image should" name="flags" /> + <meta content="This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'vertical-lr'." name="assert" /> + + <style type="text/css"><![CDATA[ + form + { + font-size: 18px; + writing-mode: vertical-lr; + } + + select + { + vertical-align: top; + } + ]]></style> + </head> + + <body> + + <form action=""> + <p><label>姓名 <input value="艾俐俐" size="10" /></label></p> + + <p><label>语言 <select size="1"><option>English</option> + <option>français</option> + <option>فارسی</option> + <option>中文</option> + <option>日本語</option></select></label></p> + </form> + + <p>Test passes if the characters and form controls of the form above have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong> as the ones of the form below:</p> + + <p><img src="support/form-controls-vlr.png" width="188" height="228" alt="Image download support must be enabled" /> +<!-- + Long description of image: + Screenshot of vertical layout: the input element is laid lengthwise + from top to bottom and its content rendered in a vertical writing mode, + matching the label outside it. The drop-down selection control (located on + the input element's righthand side) slides out to the side (towards the + after edge of the block) rather than downward as it would in horizontal writing mode. + The Asian glyphs in the input element and in the drop-down selection + control are translated upright. +--> + </p> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vlr-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vlr-005.xht new file mode 100644 index 00000000000..ef8b5da5994 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vlr-005.xht @@ -0,0 +1,65 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: form controls in 'vertical-lr' writing-mode</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test form-controls-vlr-005"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + + <meta content="should" name="flags" /> + <meta content="This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'vertical-lr' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90° clockwise and c) the block flow direction must be from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + form + { + font-size: 1.25em; + writing-mode: vertical-lr; + } + ]]></style> + </head> + + <body> + + <p>Test passes if a) the form controls are appearing with Text sample1 on the left of the page and with Text sample10 on the right and if b) each of the 10 "Text sample" in the form controls are <strong>rotated 90° clockwise</strong>.</p> + + <form action=""> + + <p><input value="Text sample1" size="12" /></p> + + <p> + <select size="3"> + <optgroup label="Text sample2"> + <option>Text sample3</option> + <option>Text sample4</option> + </optgroup> + </select> + </p> + + <p><textarea cols="12" rows="2">Text sample5</textarea></p> + + <p><input type="button" value="Text sample6" /></p> + + <p><input type="submit" value="Text sample7" /></p> + + <p><input type="reset" value="Text sample8" /></p> + + <p><button type="button">Text sample9</button></p> + + <p><button type="submit">Text sample10</button></p> + + </form> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vrl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vrl-004.xht new file mode 100644 index 00000000000..1c61d6fd5b9 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vrl-004.xht @@ -0,0 +1,69 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: order, orientation and layout of form controls in 'vertical-rl' writing-mode</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test form-controls-vrl-004"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="bookmark" type="image/png" href="http://www.w3.org/TR/css-writing-modes-3/vertical-form.png" title="Screenshot of vertical layout of form controls and characters" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + + <meta content="image should" name="flags" /> + <meta content="This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'vertical-rl'." name="assert" /> + + <style type="text/css"><![CDATA[ + form + { + font-size: 18px; + margin-left: 5em; + writing-mode: vertical-rl; + } + + select + { + vertical-align: top; + } + ]]></style> + </head> + + <body> + + <form action=""> + <p><label>姓名 <input value="艾俐俐" size="10" /></label></p> + + <p><label>语言 <select size="1"><option>English</option> + <option>français</option> + <option>فارسی</option> + <option>中文</option> + <option>日本語</option></select></label></p> + </form> + + <p>Test passes if the characters and form controls of the form above have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong> as the ones of the form below:</p> + + <p><img src="support/vertical-form.png" width="182" height="266" alt="Image download support must be enabled" /> +<!-- + original source of the image is: + http://www.w3.org/TR/css-writing-modes-3/vertical-form.png + Long description of image: + Screenshot of vertical layout: the input element is laid lengthwise + from top to bottom and its content rendered in a vertical writing mode, + matching the label outside it. The drop-down selection control (located on + the input element's lefthand side) slides out to the side (towards the + after edge of the block) rather than downward as it would in horizontal writing mode. + The Asian glyphs in the input element and in the drop-down selection + control are translated upright. +--> + </p> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vrl-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vrl-005.xht new file mode 100644 index 00000000000..e6f6215653b --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vrl-005.xht @@ -0,0 +1,65 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: form controls in 'vertical-rl' writing-mode</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test form-controls-vrl-005"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + + <meta content="should" name="flags" /> + <meta content="This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'vertical-rl' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90° clockwise and c) the block flow direction must be from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + form + { + font-size: 1.25em; + writing-mode: vertical-rl; + } + ]]></style> + </head> + + <body> + + <p>Test passes if a) the form controls are appearing with Text sample1 on the right of the page and with Text sample10 on the left and if b) each of the 10 "Text sample" in the form controls are <strong>rotated 90° clockwise</strong>.</p> + + <form action=""> + + <p><input value="Text sample1" size="12" /></p> + + <p> + <select size="3"> + <optgroup label="Text sample2"> + <option>Text sample3</option> + <option>Text sample4</option> + </optgroup> + </select> + </p> + + <p><textarea cols="12" rows="2">Text sample5</textarea></p> + + <p><input type="button" value="Text sample6" /></p> + + <p><input type="submit" value="Text sample7" /></p> + + <p><input type="reset" value="Text sample8" /></p> + + <p><button type="button">Text sample9</button></p> + + <p><button type="submit">Text sample10</button></p> + + </form> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-001.xht deleted file mode 100644 index 09811ee7fed..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-001.xht +++ /dev/null @@ -1,46 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: horizontal-tb - ordering direction of line boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test line-box-direction-001"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that line boxes of a block box in a 'horizontal-tb' writing mode are laid out one after the other, vertically, with the first beginning at the top of the block box; they are ordered from top to bottom meaning that the 1st line box is the topmost one and then the 2nd block is juxtaposed to its bottom, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc..." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - width: 19em; /* Each line box has an inline-size of 19em */ - writing-mode: horizontal-tb; - } - ]]></style> - </head> - - <body> - - <div>AAAA BBBB CCCC DDDD E F G H J L M N Q R S T UUUU VVVV WWWW XXXX Z a b c d e f g h j k m n qqqq rrrr</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-002.xht deleted file mode 100644 index 5cd4e1ea09a..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-002.xht +++ /dev/null @@ -1,46 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: vertical-rl - ordering direction of line boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test line-box-direction-002"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc..." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-rl; - } - ]]></style> - </head> - - <body> - - <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-003.xht deleted file mode 100644 index 457855e8bad..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-003.xht +++ /dev/null @@ -1,46 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: vertical-lr - ordering direction of line boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test line-box-direction-003"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc... " name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-lr; - } - ]]></style> - </head> - - <body> - - <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-005.xht deleted file mode 100644 index 9c75422c8a1..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-005.xht +++ /dev/null @@ -1,47 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: 'float: left' and 'vertical-rl' - ordering direction of line boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test line-box-direction-005"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that the line boxes of a left-floated box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - float: left; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-rl; - } - ]]></style> - </head> - - <body> - - <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-006.xht deleted file mode 100644 index 2a12b8596a4..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-006.xht +++ /dev/null @@ -1,74 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: 'float: left' and 'vertical-rl' - ordering direction of line boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test line-box-direction-006"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'vertical-lr' will be ordered from right to left." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div.floated-left - { - background-color: blue; - border-bottom: blue solid 1em; - border-left: blue solid 1em; - border-top: blue solid 1em; - float: left; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-rl; - } - - div#right-border { border-right: blue solid 1em; } - ]]></style> - </head> - - <body> - - - <div class="floated-left"> - -<!-- The "P" --> eeee f g h j kkkkkkk - - </div> - - <div class="floated-left"> - -<!-- The "A" --> YYYYYYY Z a b c ddddddd - - </div> - - <div class="floated-left"> - -<!-- The left-most "S" --> L MMMM Q R S T U V WWWW X - - </div> - - <div class="floated-left" id="right-border"> - -<!-- The right-most "S" --> A BBBB C D E F G H JJJJ K - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-007.xht deleted file mode 100644 index 4e1636d5ff5..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-007.xht +++ /dev/null @@ -1,47 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: 'float: right' and 'vertical-lr' - ordering direction of line boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test line-box-direction-007"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that the line boxes of a right-floated box with its 'writing-mode' set to 'vertical-lr' will be ordered from left to right." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - float: right; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-lr; - } - ]]></style> - </head> - - <body> - - <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-008.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-008.xht deleted file mode 100644 index e2dfb134736..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-008.xht +++ /dev/null @@ -1,73 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: 'float: right' and 'vertical-lr' - ordering direction of line boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test line-box-direction-008"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that the line boxes of right-floated boxes with 'writing-mode' set to 'vertical-lr' will be ordered from left to right." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div.floated-right - { - background-color: blue; - border-bottom: blue solid 1em; - border-right: blue solid 1em; - border-top: blue solid 1em; - float: right; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-lr; - } - - div#left-border { border-left: blue solid 1em; } - ]]></style> - </head> - - <body> - - <div class="floated-right"> - -<!-- The right-most "S" --> aaaa b c d e f g h j kkkk - - </div> - - <div class="floated-right"> - -<!-- The left-most "S" --> NNNN Q R S T U V W X YYYY - - </div> - - <div class="floated-right"> - -<!-- The "A" --> GGGGGGG H J K L MMMMMMM - - </div> - - <div class="floated-right" id="left-border"> - -<!-- The "P" --> AAAAAAA B C D E FFFF - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-009.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-009.xht deleted file mode 100644 index 07b82d82151..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-009.xht +++ /dev/null @@ -1,48 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: position absolute and 'vertical-rl' - ordering direction of line boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test line-box-direction-009"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - height: 7em; /* Each line box has an inline-size of 7em */ - left: auto; - position: absolute; - writing-mode: vertical-rl; - } - ]]></style> - </head> - - <body> - - <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-010.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-010.xht deleted file mode 100644 index 2601aa281f6..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-010.xht +++ /dev/null @@ -1,48 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: position absolute and 'vertical-lr' - ordering direction of line boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test line-box-direction-010"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' will be ordered from left to right." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - height: 7em; /* Each line box has an inline-size of 7em */ - left: auto; - position: absolute; - writing-mode: vertical-lr; - } - ]]></style> - </head> - - <body> - - <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-011.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-011.xht deleted file mode 100644 index 5c27e719818..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-011.xht +++ /dev/null @@ -1,75 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: inline-block and 'vertical-rl' - ordering direction of line boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test line-box-direction-011"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-rl' are ordered from right to left." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#inline-block - { - background-color: blue; - border-right: blue solid 1em; - border-top: blue solid 1em; - display: inline-block; - height: 8em; /* Each line box has an inline-size of 8em */ - vertical-align: top; - /* - Why 'vertical-align: top' ? - See - http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html - for explanations - */ - writing-mode: vertical-rl; - } - - span - { - border-left: blue solid 1em; - display: block; - } - ]]></style> - </head> - - <body> - - <div> - - <div id="inline-block"> - -<!-- The right-most "S" --> <span>A BBBB C D E F G H JJJJ K</span> - -<!-- The left-most "S" --> <span>L MMMM Q R S T U V WWWW X</span> - -<!-- The "A" --> <span>YYYYYYY Z a b c ddddddd</span> - -<!-- The "P" --> <span>eeee f g h j kkkkkkk</span> - - </div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-012.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-012.xht deleted file mode 100644 index 6f2bed4f02d..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-012.xht +++ /dev/null @@ -1,103 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: inline-block and 'vertical-rl' - ordering direction of line boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test line-box-direction-012"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-rl' are ordered from right to left." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div.inline-block - { - background-color: blue; - border-right: blue solid 1em; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; - /* - Why 'vertical-align: top' ? - See - http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html - for explanations - */ - writing-mode: vertical-rl; - } - - span { display: block; } - - span#left-border { border-left: blue solid 1em; } - ]]></style> - </head> - - <body> - - <div> - - <div class="inline-block"> - -<!-- The right-most line of "P" --> <span>eeee </span> - -<!-- The 2nd right-most line of "P" --> <span>f g </span> - -<!-- The 3rd right-most line of "P" --> <span>h j </span> - -<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span> - - </div><div class="inline-block"> - -<!-- The right-most line of "A" --> <span>YYYYYYY</span> - -<!-- The 2nd right-most line of "A" --> <span>Z a </span> - -<!-- The 3rd right-most line of "A" --> <span>b c </span> - -<!-- The 4th right-most line of "A" --> <span>ddddddd</span> - - </div><div class="inline-block"> - -<!-- The right-most line of left-most "S" --> <span>L MMMM</span> - -<!-- The 2nd right-most line of left-most "S" --> <span>Q R S</span> - -<!-- The 3rd right-most line of left-most "S" --> <span>T U V</span> - -<!-- The 4th right-most line of left-most "S" --> <span>WWWW X</span> - - </div><div class="inline-block"> - -<!-- The right-most line of right-most "S" --> <span>A BBBB</span> - -<!-- The 2nd right-most line of right-most "S" --> <span>C D E</span> - -<!-- The 3rd right-most line of right-most "S" --> <span>F G H</span> - -<!-- The 4th right-most line of right-most "S" --> <span>JJJJ K</span> - - </div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-013.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-013.xht deleted file mode 100644 index 600c9f80f2b..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-013.xht +++ /dev/null @@ -1,68 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: inline-block and 'vertical-lr' - ordering direction of line boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test line-box-direction-013"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-lr' are ordered from left to right." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div#inline-block - { - background-color: blue; - border-right: blue solid 1em; - border-top: blue solid 1em; - display: inline-block; - height: 8em; /* Each line box has an inline-size of 8em */ - writing-mode: vertical-lr; - } - - span - { - border-left: blue solid 1em; - display: block; - } - ]]></style> - </head> - - <body> - - <div> - - <div id="inline-block"> - -<!-- The "P" --> <span>AAAAAAA B C D E FFFF </span> - -<!-- The "A" --> <span>GGGGGGG H J K L MMMMMMM</span> - -<!-- The left-most "S" --> <span>NNNN Q R S T U V W X YYYY</span> - -<!-- The right-most "S" --> <span>aaaa b c d e f g h j kkkk</span> - - </div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-014.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-014.xht deleted file mode 100644 index b38432ea178..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-014.xht +++ /dev/null @@ -1,103 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: inline-block and 'vertical-lr' - ordering direction of line boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test line-box-direction-014"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-lr' are ordered from left to right." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div.inline-block - { - background-color: blue; - border-left: blue solid 1em; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; - /* - Why 'vertical-align: top' ? - See - http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html - for explanations - */ - writing-mode: vertical-lr; - } - - span { display: block; } - - span#right-border { border-right: blue solid 1em; } - ]]></style> - </head> - - <body> - - <div> - - <div class="inline-block"> - -<!-- The 1st left-most line of "P" --> <span>AAAAAAA</span> - -<!-- The 2nd left-most line of "P" --> <span>B C </span> - -<!-- The 3rd left-most line of "P" --> <span>D E </span> - -<!-- The 4th left-most line of "P" --> <span>FFFF </span> - - </div><div class="inline-block"> - -<!-- The left-most line of "A" --> <span>GGGGGGG</span> - -<!-- The 2nd left-most line of "A" --> <span>H J </span> - -<!-- The 3rd left-most line of "A" --> <span>K L </span> - -<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span> - - </div><div class="inline-block"> - -<!-- The 1st left-most line of left-most "S" --> <span>NNNN Q</span> - -<!-- The 2nd left-most line of left-most "S" --> <span>R S T</span> - -<!-- The 3rd left-most line of left-most "S" --> <span>U V W</span> - -<!-- The 4th left-most line of left-most "S" --> <span>X YYYY</span> - - </div><div class="inline-block"> - -<!-- The left-most line of right-most "S" --> <span>aaaa b</span> - -<!-- The 2nd left-most line of right-most "S" --> <span>c d e</span> - -<!-- The 3rd left-most line of right-most "S" --> <span>f g h</span> - -<!-- The 4th left-most line of right-most "S" --> <span id="right-border">j kkkk</span> - - </div> - - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-015.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-015.xht deleted file mode 100644 index 062c1f06b22..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-015.xht +++ /dev/null @@ -1,47 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: table-cell and 'vertical-rl' - ordering direction of line boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test line-box-direction-015"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-rl' are ordered from right to left." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - display: table-cell; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-rl; - } - ]]></style> - </head> - - <body> - - <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-016.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-016.xht deleted file mode 100644 index 92961bc4106..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-016.xht +++ /dev/null @@ -1,47 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: table-cell and 'vertical-lr' - ordering direction of line boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test line-box-direction-016"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-lr' are ordered from left to right." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - display: table-cell; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-lr; - } - ]]></style> - </head> - - <body> - - <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-017.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-017.xht deleted file mode 100644 index 2e043c31d94..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-017.xht +++ /dev/null @@ -1,47 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: table-caption and 'vertical-rl' - ordering direction of line boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test line-box-direction-017"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-rl' are ordered from right to left." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - display: table-caption; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-rl; - } - ]]></style> - </head> - - <body> - - <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-018.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-018.xht deleted file mode 100644 index e24a9975c1e..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-018.xht +++ /dev/null @@ -1,47 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: table-caption and 'vertical-lr' - ordering direction of line boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test line-box-direction-018"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-lr' are ordered from left to right." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - div - { - background-color: blue; - border: blue solid 1em; - display: table-caption; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-lr; - } - ]]></style> - </head> - - <body> - - <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-019.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-019.xht deleted file mode 100644 index 1feac07dbd5..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-019.xht +++ /dev/null @@ -1,49 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: list and 'vertical-rl' - ordering direction of line boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test line-box-direction-019"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc..." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - ul - { - background-color: blue; - border: blue solid 1em; - height: 7em; /* Each line box has an inline-size of 7em */ - list-style: none outside none; - margin: 0em; - padding-top: 0em; /* overriding default padding-start: 40px in several browsers */ - writing-mode: vertical-rl; - } - ]]></style> - </head> - - <body> - - <ul><li>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</li></ul> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-020.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-020.xht deleted file mode 100644 index e2a49c18cd3..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-020.xht +++ /dev/null @@ -1,49 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: list and 'vertical-lr' - ordering direction of line boxes</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test line-box-direction-020"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc... " name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - ul - { - background-color: blue; - border: blue solid 1em; - height: 7em; /* Each line box has an inline-size of 7em */ - list-style: none outside none; - margin: 0em; - padding-top: 0em; /* overriding default padding-start: 40px in several browsers */ - writing-mode: vertical-lr; - } - ]]></style> - </head> - - <body> - - <ul><li>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</li></ul> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-htb-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-htb-001.xht new file mode 100644 index 00000000000..172f39686b6 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-htb-001.xht @@ -0,0 +1,46 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: horizontal-tb - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-htb-001"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes of a block box in a 'horizontal-tb' writing mode are laid out one after the other, vertically, with the first beginning at the top of the block box; they are ordered from top to bottom meaning that the 1st line box is the topmost one and then the 2nd block is juxtaposed to its bottom, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc..." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + width: 19em; /* Each line box has an inline-size of 19em */ + writing-mode: horizontal-tb; + } + ]]></style> + </head> + + <body> + + <div>AAAA BBBB CCCC DDDD E F G H J L M N Q R S T UUUU VVVV WWWW XXXX Z a b c d e f g h j k m n qqqq rrrr</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-slr-043.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-slr-043.xht new file mode 100644 index 00000000000..46a80be5410 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-slr-043.xht @@ -0,0 +1,46 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-lr - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-slr-043"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes in a block box with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc... " name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-lr; + } + ]]></style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-slr-047.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-slr-047.xht new file mode 100644 index 00000000000..5fa732f5d76 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-slr-047.xht @@ -0,0 +1,47 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: right' and 'sideways-lr' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-slr-047"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the line boxes of a right-floated box with its 'writing-mode' set to 'sideways-lr' will be ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + float: right; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-lr; + } + ]]></style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-slr-048.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-slr-048.xht new file mode 100644 index 00000000000..1719f0a9de0 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-slr-048.xht @@ -0,0 +1,76 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: right' and 'sideways-lr' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-slr-048"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the line boxes of right-floated boxes with 'writing-mode' set to 'sideways-lr' will be ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.floated-right + { + background-color: blue; + border-bottom: blue solid 1em; + border-right: blue solid 1em; + border-top: blue solid 1em; + float: right; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-lr; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div class="floated-right"> + +<!-- The right-most "S" --> a bbbb c d e f g h jjjj k + + </div> + + <div class="floated-right"> + +<!-- The left-most "S" --> N QQQQ R S T U V W XXXX Y + + </div> + + <div class="floated-right"> + +<!-- The "A" --> GGGGGGG H J K L MMMMMMM + + </div> + + <div class="floated-right" id="left-border"> + +<!-- The "P" --> AAAAAAA B C D E FFFF + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-slr-050.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-slr-050.xht new file mode 100644 index 00000000000..25426c70e11 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-slr-050.xht @@ -0,0 +1,48 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: position absolute and 'sideways-lr' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-slr-050"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' will be ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + left: auto; + position: absolute; + writing-mode: sideways-lr; + } + ]]></style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-slr-053.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-slr-053.xht new file mode 100644 index 00000000000..8826d5b531b --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-slr-053.xht @@ -0,0 +1,68 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-slr-053"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'sideways-lr' are ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-bottom: blue solid 1em; + border-right: blue solid 1em; + display: inline-block; + height: 8em; /* Each line box has an inline-size of 8em */ + writing-mode: sideways-lr; + } + + span + { + border-left: blue solid 1em; + display: block; + } + ]]></style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The "P" --> <span>AAAAAAA B C D E FFFF </span> + +<!-- The "A" --> <span>GGGGGGG H J K L MMMMMMM</span> + +<!-- The left-most "S" --> <span>N QQQQ R S T U V W XXXX Y</span> + +<!-- The right-most "S" --> <span>a bbbb c d e f g h jjjj k</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-slr-054.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-slr-054.xht new file mode 100644 index 00000000000..c4b03dc6f5f --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-slr-054.xht @@ -0,0 +1,109 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-slr-054"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'sideways-lr' are ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.inline-block + { + background-color: blue; + border-bottom: blue solid 1em; + border-left: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-lr; + } + + span + { + display: block; + } + + span#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div class="inline-block"> + +<!-- The 1st left-most line of "P" --> <span>AAAAAAA</span> + +<!-- The 2nd left-most line of "P" --> <span> B C</span> + +<!-- The 3rd left-most line of "P" --> <span> D E</span> + +<!-- The 4th left-most line of "P" --> <span> FFFF</span> + + </div><div class="inline-block"> + +<!-- The left-most line of "A" --> <span>GGGGGGG</span> + +<!-- The 2nd left-most line of "A" --> <span> H J</span> + +<!-- The 3rd left-most line of "A" --> <span> K L</span> + +<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span> + + </div><div class="inline-block"> + +<!-- The 1st left-most line of left-most "S" --> <span>N QQQQ</span> + +<!-- The 2nd left-most line of left-most "S" --> <span>R S T</span> + +<!-- The 3rd left-most line of left-most "S" --> <span>U V W</span> + +<!-- The 4th left-most line of left-most "S" --> <span>XXXX Y</span> + + </div><div class="inline-block"> + +<!-- The left-most line of right-most "S" --> <span>a bbbb</span> + +<!-- The 2nd left-most line of right-most "S" --> <span>c d e</span> + +<!-- The 3rd left-most line of right-most "S" --> <span>f g h</span> + +<!-- The 4th left-most line of right-most "S" --> <span id="right-border">jjjj k</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-slr-056.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-slr-056.xht new file mode 100644 index 00000000000..e7e4a8dec5b --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-slr-056.xht @@ -0,0 +1,47 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-cell and 'sideways-lr' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-slr-056"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'sideways-lr' are ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + display: table-cell; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-lr; + } + ]]></style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-slr-058.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-slr-058.xht new file mode 100644 index 00000000000..6ffbb64ef4d --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-slr-058.xht @@ -0,0 +1,47 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-caption and 'sideways-lr' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-slr-058"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'sideways-lr' are ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + display: table-caption; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-lr; + } + ]]></style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-slr-060.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-slr-060.xht new file mode 100644 index 00000000000..a08decef1a8 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-slr-060.xht @@ -0,0 +1,49 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: list and 'sideways-lr' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-slr-060"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes in a block box with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc... " name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + ul + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + list-style: none outside none; + margin: 0em; + padding-bottom: 0em; /* overriding default padding-end: 40px in several browsers */ + writing-mode: sideways-lr; + } + ]]></style> + </head> + + <body> + + <ul><li>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k</li></ul> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-srl-042.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-srl-042.xht new file mode 100644 index 00000000000..9632e769cd7 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-srl-042.xht @@ -0,0 +1,46 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-rl - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-srl-042"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes of a block box in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc..." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-rl; + } + ]]></style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-srl-045.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-srl-045.xht new file mode 100644 index 00000000000..a27e9bc1d97 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-srl-045.xht @@ -0,0 +1,47 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: left' and 'sideways-rl' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-srl-045"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the line boxes of a left-floated box with its 'writing-mode' set to 'sideways-rl' will be ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + float: left; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-rl; + } + ]]></style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-srl-046.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-srl-046.xht new file mode 100644 index 00000000000..3c6121f9b60 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-srl-046.xht @@ -0,0 +1,77 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: left' and 'sideways-rl' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-srl-046"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'sideways-rl' will be ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.floated-left + { + background-color: blue; + border-bottom: blue solid 1em; + border-left: blue solid 1em; + border-top: blue solid 1em; + float: left; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-rl; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + + <div class="floated-left"> + +<!-- The "P" --> eeee f g h j kkkkkkk + + </div> + + <div class="floated-left"> + +<!-- The "A" --> YYYYYYY Z a b c ddddddd + + </div> + + <div class="floated-left"> + +<!-- The left-most "S" --> L MMMM Q R S T U V WWWW X + + </div> + + <div class="floated-left" id="right-border"> + +<!-- The right-most "S" --> A BBBB C D E F G H JJJJ K + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-srl-049.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-srl-049.xht new file mode 100644 index 00000000000..eb7841ab27b --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-srl-049.xht @@ -0,0 +1,48 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: position absolute and 'sideways-rl' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-srl-049"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' will be ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + left: auto; + position: absolute; + writing-mode: sideways-rl; + } + ]]></style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-srl-051.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-srl-051.xht new file mode 100644 index 00000000000..64fbaef5fca --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-srl-051.xht @@ -0,0 +1,75 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-srl-051"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'sideways-rl' are ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-right: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; /* Each line box has an inline-size of 8em */ + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-rl; + } + + span + { + border-left: blue solid 1em; + display: block; + } + ]]></style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The right-most "S" --> <span>A BBBB C D E F G H JJJJ K</span> + +<!-- The left-most "S" --> <span>L MMMM Q R S T U V WWWW X</span> + +<!-- The "A" --> <span>YYYYYYY Z a b c ddddddd</span> + +<!-- The "P" --> <span>eeee f g h j kkkkkkk</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-srl-052.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-srl-052.xht new file mode 100644 index 00000000000..35ecae4cedf --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-srl-052.xht @@ -0,0 +1,109 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-srl-052"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'sideways-rl' are ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.inline-block + { + background-color: blue; + border-right: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-rl; + } + + span + { + display: block; + } + + span#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div class="inline-block"> + +<!-- The right-most line of "P" --> <span>eeee </span> + +<!-- The 2nd right-most line of "P" --> <span>f g </span> + +<!-- The 3rd right-most line of "P" --> <span>h j </span> + +<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span> + + </div><div class="inline-block"> + +<!-- The right-most line of "A" --> <span>YYYYYYY</span> + +<!-- The 2nd right-most line of "A" --> <span>Z a </span> + +<!-- The 3rd right-most line of "A" --> <span>b c </span> + +<!-- The 4th right-most line of "A" --> <span>ddddddd</span> + + </div><div class="inline-block"> + +<!-- The right-most line of left-most "S" --> <span>L MMMM</span> + +<!-- The 2nd right-most line of left-most "S" --> <span>Q R S</span> + +<!-- The 3rd right-most line of left-most "S" --> <span>T U V</span> + +<!-- The 4th right-most line of left-most "S" --> <span>WWWW X</span> + + </div><div class="inline-block"> + +<!-- The right-most line of right-most "S" --> <span>A BBBB</span> + +<!-- The 2nd right-most line of right-most "S" --> <span>C D E</span> + +<!-- The 3rd right-most line of right-most "S" --> <span>F G H</span> + +<!-- The 4th right-most line of right-most "S" --> <span>JJJJ K</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-srl-055.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-srl-055.xht new file mode 100644 index 00000000000..c29ed952cce --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-srl-055.xht @@ -0,0 +1,47 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-cell and 'sideways-rl' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-srl-055"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'sideways-rl' are ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + display: table-cell; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-rl; + } + ]]></style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-srl-057.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-srl-057.xht new file mode 100644 index 00000000000..4027c75345e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-srl-057.xht @@ -0,0 +1,47 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-caption and 'sideways-rl' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-srl-057"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'sideways-rl' are ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + display: table-caption; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-rl; + } + ]]></style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-srl-059.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-srl-059.xht new file mode 100644 index 00000000000..bd081b78c48 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-srl-059.xht @@ -0,0 +1,49 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: list and 'sideways-rl' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-srl-059"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes of a block box in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc..." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + ul + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + list-style: none outside none; + margin: 0em; + padding-top: 0em; /* overriding default padding-start: 40px in several browsers */ + writing-mode: sideways-rl; + } + ]]></style> + </head> + + <body> + + <ul><li>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</li></ul> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vlr-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vlr-003.xht new file mode 100644 index 00000000000..1605f061bd2 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vlr-003.xht @@ -0,0 +1,46 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: vertical-lr - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-vlr-003"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc... " name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-lr; + } + ]]></style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vlr-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vlr-007.xht new file mode 100644 index 00000000000..7e7ed076b8d --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vlr-007.xht @@ -0,0 +1,47 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: right' and 'vertical-lr' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-vlr-007"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the line boxes of a right-floated box with its 'writing-mode' set to 'vertical-lr' will be ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + float: right; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-lr; + } + ]]></style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vlr-008.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vlr-008.xht new file mode 100644 index 00000000000..37a1cd742c4 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vlr-008.xht @@ -0,0 +1,76 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: right' and 'vertical-lr' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-vlr-008"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the line boxes of right-floated boxes with 'writing-mode' set to 'vertical-lr' will be ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.floated-right + { + background-color: blue; + border-bottom: blue solid 1em; + border-right: blue solid 1em; + border-top: blue solid 1em; + float: right; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-lr; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div class="floated-right"> + +<!-- The right-most "S" --> aaaa b c d e f g h j kkkk + + </div> + + <div class="floated-right"> + +<!-- The left-most "S" --> NNNN Q R S T U V W X YYYY + + </div> + + <div class="floated-right"> + +<!-- The "A" --> GGGGGGG H J K L MMMMMMM + + </div> + + <div class="floated-right" id="left-border"> + +<!-- The "P" --> AAAAAAA B C D E FFFF + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vlr-010.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vlr-010.xht new file mode 100644 index 00000000000..e8ecd1c9a07 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vlr-010.xht @@ -0,0 +1,48 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: position absolute and 'vertical-lr' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-vlr-010"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' will be ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + left: auto; + position: absolute; + writing-mode: vertical-lr; + } + ]]></style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vlr-013.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vlr-013.xht new file mode 100644 index 00000000000..1f51fa7e016 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vlr-013.xht @@ -0,0 +1,68 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'vertical-lr' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-vlr-013"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-lr' are ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-right: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; /* Each line box has an inline-size of 8em */ + writing-mode: vertical-lr; + } + + span + { + border-left: blue solid 1em; + display: block; + } + ]]></style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The "P" --> <span>AAAAAAA B C D E FFFF </span> + +<!-- The "A" --> <span>GGGGGGG H J K L MMMMMMM</span> + +<!-- The left-most "S" --> <span>NNNN Q R S T U V W X YYYY</span> + +<!-- The right-most "S" --> <span>aaaa b c d e f g h j kkkk</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vlr-014.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vlr-014.xht new file mode 100644 index 00000000000..d6735debf0e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vlr-014.xht @@ -0,0 +1,109 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'vertical-lr' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-vlr-014"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-lr' are ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.inline-block + { + background-color: blue; + border-left: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: vertical-lr; + } + + span + { + display: block; + } + + span#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div class="inline-block"> + +<!-- The 1st left-most line of "P" --> <span>AAAAAAA</span> + +<!-- The 2nd left-most line of "P" --> <span>B C </span> + +<!-- The 3rd left-most line of "P" --> <span>D E </span> + +<!-- The 4th left-most line of "P" --> <span>FFFF </span> + + </div><div class="inline-block"> + +<!-- The left-most line of "A" --> <span>GGGGGGG</span> + +<!-- The 2nd left-most line of "A" --> <span>H J </span> + +<!-- The 3rd left-most line of "A" --> <span>K L </span> + +<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span> + + </div><div class="inline-block"> + +<!-- The 1st left-most line of left-most "S" --> <span>NNNN Q</span> + +<!-- The 2nd left-most line of left-most "S" --> <span>R S T</span> + +<!-- The 3rd left-most line of left-most "S" --> <span>U V W</span> + +<!-- The 4th left-most line of left-most "S" --> <span>X YYYY</span> + + </div><div class="inline-block"> + +<!-- The left-most line of right-most "S" --> <span>aaaa b</span> + +<!-- The 2nd left-most line of right-most "S" --> <span>c d e</span> + +<!-- The 3rd left-most line of right-most "S" --> <span>f g h</span> + +<!-- The 4th left-most line of right-most "S" --> <span id="right-border">j kkkk</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vlr-016.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vlr-016.xht new file mode 100644 index 00000000000..9743ba2dc26 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vlr-016.xht @@ -0,0 +1,47 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-cell and 'vertical-lr' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-vlr-016"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-lr' are ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + display: table-cell; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-lr; + } + ]]></style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vlr-018.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vlr-018.xht new file mode 100644 index 00000000000..9d2230a2166 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vlr-018.xht @@ -0,0 +1,47 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-caption and 'vertical-lr' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-vlr-018"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-lr' are ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + display: table-caption; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-lr; + } + ]]></style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vlr-020.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vlr-020.xht new file mode 100644 index 00000000000..887eebed40b --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vlr-020.xht @@ -0,0 +1,49 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: list and 'vertical-lr' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-vlr-020"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc... " name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + ul + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + list-style: none outside none; + margin: 0em; + padding-top: 0em; /* overriding default padding-start: 40px in several browsers */ + writing-mode: vertical-lr; + } + ]]></style> + </head> + + <body> + + <ul><li>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</li></ul> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vrl-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vrl-002.xht new file mode 100644 index 00000000000..ec46d3a595c --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vrl-002.xht @@ -0,0 +1,46 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: vertical-rl - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-vrl-002"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc..." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-rl; + } + ]]></style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vrl-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vrl-005.xht new file mode 100644 index 00000000000..318eea35f98 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vrl-005.xht @@ -0,0 +1,47 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: left' and 'vertical-rl' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-vrl-005"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the line boxes of a left-floated box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + float: left; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-rl; + } + ]]></style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vrl-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vrl-006.xht new file mode 100644 index 00000000000..e541823eaa3 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vrl-006.xht @@ -0,0 +1,77 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: left' and 'vertical-rl' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-vrl-006"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'vertical-rl' will be ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.floated-left + { + background-color: blue; + border-bottom: blue solid 1em; + border-left: blue solid 1em; + border-top: blue solid 1em; + float: left; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-rl; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + + <div class="floated-left"> + +<!-- The "P" --> eeee f g h j kkkkkkk + + </div> + + <div class="floated-left"> + +<!-- The "A" --> YYYYYYY Z a b c ddddddd + + </div> + + <div class="floated-left"> + +<!-- The left-most "S" --> L MMMM Q R S T U V WWWW X + + </div> + + <div class="floated-left" id="right-border"> + +<!-- The right-most "S" --> A BBBB C D E F G H JJJJ K + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vrl-009.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vrl-009.xht new file mode 100644 index 00000000000..36978d3052f --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vrl-009.xht @@ -0,0 +1,48 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: position absolute and 'vertical-rl' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-vrl-009"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + left: auto; + position: absolute; + writing-mode: vertical-rl; + } + ]]></style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vrl-011.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vrl-011.xht new file mode 100644 index 00000000000..2663731395e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vrl-011.xht @@ -0,0 +1,75 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'vertical-rl' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-vrl-011"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-rl' are ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-right: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; /* Each line box has an inline-size of 8em */ + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: vertical-rl; + } + + span + { + border-left: blue solid 1em; + display: block; + } + ]]></style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The right-most "S" --> <span>A BBBB C D E F G H JJJJ K</span> + +<!-- The left-most "S" --> <span>L MMMM Q R S T U V WWWW X</span> + +<!-- The "A" --> <span>YYYYYYY Z a b c ddddddd</span> + +<!-- The "P" --> <span>eeee f g h j kkkkkkk</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vrl-012.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vrl-012.xht new file mode 100644 index 00000000000..c8a60675d82 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vrl-012.xht @@ -0,0 +1,109 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'vertical-rl' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-vrl-012"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-rl' are ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.inline-block + { + background-color: blue; + border-right: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: vertical-rl; + } + + span + { + display: block; + } + + span#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div class="inline-block"> + +<!-- The right-most line of "P" --> <span>eeee </span> + +<!-- The 2nd right-most line of "P" --> <span>f g </span> + +<!-- The 3rd right-most line of "P" --> <span>h j </span> + +<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span> + + </div><div class="inline-block"> + +<!-- The right-most line of "A" --> <span>YYYYYYY</span> + +<!-- The 2nd right-most line of "A" --> <span>Z a </span> + +<!-- The 3rd right-most line of "A" --> <span>b c </span> + +<!-- The 4th right-most line of "A" --> <span>ddddddd</span> + + </div><div class="inline-block"> + +<!-- The right-most line of left-most "S" --> <span>L MMMM</span> + +<!-- The 2nd right-most line of left-most "S" --> <span>Q R S</span> + +<!-- The 3rd right-most line of left-most "S" --> <span>T U V</span> + +<!-- The 4th right-most line of left-most "S" --> <span>WWWW X</span> + + </div><div class="inline-block"> + +<!-- The right-most line of right-most "S" --> <span>A BBBB</span> + +<!-- The 2nd right-most line of right-most "S" --> <span>C D E</span> + +<!-- The 3rd right-most line of right-most "S" --> <span>F G H</span> + +<!-- The 4th right-most line of right-most "S" --> <span>JJJJ K</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vrl-015.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vrl-015.xht new file mode 100644 index 00000000000..625bb92e56d --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vrl-015.xht @@ -0,0 +1,47 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-cell and 'vertical-rl' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-vrl-015"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-rl' are ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + display: table-cell; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-rl; + } + ]]></style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vrl-017.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vrl-017.xht new file mode 100644 index 00000000000..a36b6c1c7e5 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vrl-017.xht @@ -0,0 +1,47 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-caption and 'vertical-rl' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-vrl-017"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-rl' are ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + display: table-caption; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-rl; + } + ]]></style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vrl-019.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vrl-019.xht new file mode 100644 index 00000000000..96685e64ec1 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/line-box-direction-vrl-019.xht @@ -0,0 +1,49 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: list and 'vertical-rl' - ordering direction of line boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test line-box-direction-vrl-019"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc..." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + ul + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + list-style: none outside none; + margin: 0em; + padding-top: 0em; /* overriding default padding-start: 40px in several browsers */ + writing-mode: vertical-rl; + } + ]]></style> + </head> + + <body> + + <ul><li>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</li></ul> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/page-flow-direction-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/page-flow-direction-002.xht index d719b9555fe..1f44aef56b4 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/page-flow-direction-002.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/page-flow-direction-002.xht @@ -22,15 +22,15 @@ <style type="text/css" media="print"><![CDATA[ html - { - writing-mode: vertical-rl; - } + { + writing-mode: vertical-rl; + } body, div - { - width: 100%; + { + width: 100%; /* width: 100% will force a page-break in vertical-rl writing-mode */ - } + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/page-flow-direction-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/page-flow-direction-003.xht index f5c78d714ff..86f767f8a13 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/page-flow-direction-003.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/page-flow-direction-003.xht @@ -22,15 +22,15 @@ <style type="text/css" media="print"><![CDATA[ html - { - writing-mode: vertical-lr; - } + { + writing-mode: vertical-lr; + } body, div - { - width: 100%; + { + width: 100%; /* width: 100% will force a page-break in vertical-lr writing-mode */ - } + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/page-flow-direction-slr-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/page-flow-direction-slr-005.xht new file mode 100644 index 00000000000..1f2ecf13abe --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/page-flow-direction-slr-005.xht @@ -0,0 +1,48 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'writing-mode: sideways-lr' - default page flow (progression) direction</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test page-flow-direction-slr-005"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + + <meta content="image paged" name="flags" /> + <meta content="This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right." name="assert" /> + + <style type="text/css" media="print"><![CDATA[ + html + { + writing-mode: sideways-lr; + } + + body, div + { + width: 100%; + /* width: 100% will force a page-break in sideways-lr writing-mode */ + } + ]]></style> + </head> + + <body> + + <div><img src="support/page-flow-direction-002p1.png" alt="Image download support must be enabled" /></div> + + <div><img src="support/page-flow-direction-002p2.png" alt="Image download support must be enabled" /></div> + + <div><img src="support/page-flow-direction-002p3.png" alt="Image download support must be enabled" /></div> + + <div><img src="support/page-flow-direction-002p4.png" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/page-flow-direction-srl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/page-flow-direction-srl-004.xht new file mode 100644 index 00000000000..58826aeb9f1 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/page-flow-direction-srl-004.xht @@ -0,0 +1,48 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'writing-mode: sideways-rl' - default page flow (progression) direction</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test page-flow-direction-srl-004"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + + <meta content="image paged" name="flags" /> + <meta content="This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is right-to-left." name="assert" /> + + <style type="text/css" media="print"><![CDATA[ + html + { + writing-mode: sideways-rl; + } + + body, div + { + width: 100%; + /* width: 100% will force a page-break in sideways-rl writing-mode */ + } + ]]></style> + </head> + + <body> + + <div><img src="support/page-flow-direction-002p1.png" alt="Image download support must be enabled" /></div> + + <div><img src="support/page-flow-direction-002p2.png" alt="Image download support must be enabled" /></div> + + <div><img src="support/page-flow-direction-002p3.png" alt="Image download support must be enabled" /></div> + + <div><img src="support/page-flow-direction-002p4.png" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-001-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-001-ref.xht index cc523539d30..5a68b1a1bbc 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-001-ref.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-001-ref.xht @@ -16,14 +16,17 @@ <meta name="flags" content="image" /> <style type="text/css"><![CDATA[ div - { - background-color: yellow; - direction: ltr; - font: 20px/1 Ahem; - width: 21em; - } - - img { vertical-align: top; } + { + background-color: yellow; + direction: ltr; + font: 20px/1 Ahem; + width: 21em; + } + + img + { + vertical-align: top; + } ]]></style> </head> <body> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-002-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-002-ref.xht index e3211ed1431..3a406c1c64b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-002-ref.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-002-ref.xht @@ -19,17 +19,23 @@ <meta name="flags" content="image" /> <style type="text/css"><![CDATA[ - body { direction: rtl; } + body + { + direction: rtl; + } div - { - background-color: yellow; - direction: ltr; - font: 20px/1 Ahem; - width: 21em; - } - - img { vertical-align: top; } + { + background-color: yellow; + direction: ltr; + font: 20px/1 Ahem; + width: 21em; + } + + img + { + vertical-align: top; + } ]]></style> </head> <body> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/flexbox_align-items-stretch-writing-modes-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/flexbox_align-items-stretch-writing-modes-ref.xht new file mode 100644 index 00000000000..25f3929942a --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/flexbox_align-items-stretch-writing-modes-ref.xht @@ -0,0 +1,18 @@ +<!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>Reference file</title> + <link href="mailto:mitsuteru.s@gmail.com" rel="author" title="Mitsuteru Sawa" /> + <style> + .test { + height: 100px; + width: 250px; + background-color: green; + } + </style> +</head> +<body> + <p>The test passes if you see a green rectangle and no red.</p> + <div class="test"></div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/full-width-horizontal-notref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/full-width-horizontal-notref.xht index a03d8b8e5e7..917e3ed141e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/full-width-horizontal-notref.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/full-width-horizontal-notref.xht @@ -3,19 +3,14 @@ <meta charset="utf-8" /> <title>CSS Test Reference</title> <link href="http://google.com/+MasatakaYakura" rel="author" title="Masataka Yakura" /> -<style> -.tcu-all { - text-combine-upright: all; -} -</style> </head> <body> <p>Test passes if the following paragraphs are identical:</p> <div> - <p>６月<span class="tcu-all">19</span>日</p> - <p>６月<span class="tcu-all">19</span>日</p> + <p>６月19日</p> + <p>６月19日</p> </div> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/form-controls-slr.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/form-controls-srl.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/form-controls-vlr.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/table-progression-slr-001-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/table-progression-slr-001-ref.xht new file mode 100644 index 00000000000..0e5f9dd5376 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/table-progression-slr-001-ref.xht @@ -0,0 +1,95 @@ +<!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 Reference</title> +<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> + +<style> + table { + border-spacing: 0; + margin: 1em; + } + td { + width: 1em; + height: 1em; + border: solid gray; + } + + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + .purp { background: purple } + .pink { background: fuchsia } + .yllw { background: yellow } + .orng { background: orange } + caption { background: green; } +</style> + +</head><body><p>Test passes if the following three tables look identical. + +</p><table> + <caption></caption> + <tbody><tr> + <td class="teal"> + </td><td rowspan="3"> + </td><td colspan="2" rowspan="2"> + </td><td class="purp"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="aqua"> + </td><td rowspan="2"> + </td></tr><tr> + <td rowspan="2"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td class="blue"> + + </td></tr><tr> + <td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> +</td></tr></tbody></table> + +<table> + <tbody><tr> + <td class="teal"> + </td><td rowspan="3"> + </td><td colspan="2" rowspan="2"> + </td><td class="purp"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="aqua"> + </td><td rowspan="2"> + </td></tr><tr> + <td rowspan="2"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td class="blue"> + + </td></tr><tr> + <td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> +</td></tr></tbody></table> + +<table> + <tbody><tr> + <td class="teal"> + </td><td rowspan="3"> + </td><td colspan="2" rowspan="2"> + </td><td class="purp"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="aqua"> + </td><td rowspan="2"> + </td></tr><tr> + <td rowspan="2"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td class="blue"> + + </td></tr><tr> + <td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> +</td></tr></tbody></table></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-002-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-002-ref.xht deleted file mode 100644 index 91fa43f1413..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-002-ref.xht +++ /dev/null @@ -1,48 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Reftest Reference</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test text-baseline-002-ref"; } - @bottom-right { content: counter(page); } - } -</style> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-01-29 --> - <meta name="flags" content="image" /> - <style type="text/css"><![CDATA[ - img - { - vertical-align: top; - } - - img - { - padding-left: 60px; - } - - img + br + img - { - padding-left: 30px; - } - - img + br + img + br + img - { - padding-left: 75px; - } - ]]></style> - -</head> - -<body> - -<p>Test passes if 2 orange squares are centered with respect to a blue square.</p> - -<div><img src="support/swatch-orange.png" width="60" height="60" alt="Image download support must be enabled" /><br /><img src="support/swatch-blue.png" width="120" height="120" alt="Image download support must be enabled" /><br /><img src="support/swatch-orange.png" width="30" height="30" alt="Image download support must be enabled" /></div> - -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-006-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-006-ref.xht deleted file mode 100644 index 64bac7ff355..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-006-ref.xht +++ /dev/null @@ -1,35 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Reftest Reference</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test text-baseline-006-ref"; } - @bottom-right { content: counter(page); } - } -</style> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-01-29 --> - <meta name="flags" content="image" /> - <style type="text/css"><![CDATA[ - - img - { - padding-left: 54px; - vertical-align: top; - } - ]]></style> - - </head> - - <body> - - <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div><img src="support/swatch-fuchsia.png" width="48" height="60" alt="Image download support must be enabled" /><br /><img src="support/swatch-fuchsia.png" width="96" height="120" alt="Image download support must be enabled" /><br /><img src="support/swatch-fuchsia.png" width="24" height="30" alt="Image download support must be enabled" /></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-slr-009-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-slr-009-ref.xht new file mode 100644 index 00000000000..e041a9ec6f6 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-slr-009-ref.xht @@ -0,0 +1,44 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Reftest Reference</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test text-baseline-slr-009-ref"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <meta name="flags" content="image" /> + <style type="text/css"><![CDATA[ + + img + { + padding-left: 78px; + vertical-align: top; + } + + img + br + img + { + padding-left: 30px; + } + + img + br + img + br + img + { + padding-left: 102px; + } + ]]></style> + +</head> + +<body> + +<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + +<div><img src="support/swatch-fuchsia.png" width="48" height="60" alt="Image download support must be enabled" /><br /><img src="support/swatch-fuchsia.png" width="96" height="120" alt="Image download support must be enabled" /><br /><img src="support/swatch-fuchsia.png" width="24" height="30" alt="Image download support must be enabled" /></div> + +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-002-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-002-ref.xht new file mode 100644 index 00000000000..6fc6c292c96 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-002-ref.xht @@ -0,0 +1,48 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Reftest Reference</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test text-baseline-vrl-002-ref"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-01-29 --> + <meta name="flags" content="image" /> + <style type="text/css"><![CDATA[ + img + { + vertical-align: top; + } + + img + { + padding-left: 60px; + } + + img + br + img + { + padding-left: 30px; + } + + img + br + img + br + img + { + padding-left: 75px; + } + ]]></style> + +</head> + +<body> + +<p>Test passes if 2 orange squares are centered with respect to a blue square.</p> + +<div><img src="support/swatch-orange.png" width="60" height="60" alt="Image download support must be enabled" /><br /><img src="support/swatch-blue.png" width="120" height="120" alt="Image download support must be enabled" /><br /><img src="support/swatch-orange.png" width="30" height="30" alt="Image download support must be enabled" /></div> + +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-006-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-006-ref.xht new file mode 100644 index 00000000000..e8bec15f607 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-006-ref.xht @@ -0,0 +1,35 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Reftest Reference</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test text-baseline-vrl-006-ref"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-01-29 --> + <meta name="flags" content="image" /> + <style type="text/css"><![CDATA[ + + img + { + padding-left: 54px; + vertical-align: top; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div><img src="support/swatch-fuchsia.png" width="48" height="60" alt="Image download support must be enabled" /><br /><img src="support/swatch-fuchsia.png" width="96" height="120" alt="Image download support must be enabled" /><br /><img src="support/swatch-fuchsia.png" width="24" height="30" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest-toc.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest-toc.xht index 6517366139c..684e0ef6892 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest-toc.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest-toc.xht @@ -3048,398 +3048,398 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="block-flow-direction-001" class="ahem"> + <tbody id="block-flow-direction-004" class="ahem"> + <tr> + <td rowspan="1" title="'writing-mode' - initial value is 'horizontal-tb'"> + <a href="block-flow-direction-004.xht">block-flow-direction-004</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-htb-001" class="ahem"> <tr> <td rowspan="1" title="horizontal-tb - block flow direction of block-level boxes"> - <a href="block-flow-direction-001.xht">block-flow-direction-001</a></td> + <a href="block-flow-direction-htb-001.xht">block-flow-direction-htb-001</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-002" class="ahem"> + <tbody id="block-flow-direction-slr-043" class="ahem"> <tr> - <td rowspan="1" title="vertical-rl - block flow direction of block-level boxes"> - <a href="block-flow-direction-002.xht">block-flow-direction-002</a></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-043.xht">block-flow-direction-slr-043</a></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-003" class="ahem"> + <tbody id="block-flow-direction-slr-047" class="ahem"> <tr> - <td rowspan="1" title="vertical-lr - block flow direction of block-level boxes"> - <a href="block-flow-direction-003.xht">block-flow-direction-003</a></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1" title="'float: right' and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-047.xht">block-flow-direction-slr-047</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-004" class="ahem"> + <tbody id="block-flow-direction-slr-048" class="ahem"> <tr> - <td rowspan="1" title="'writing-mode' - initial value is 'horizontal-tb'"> - <a href="block-flow-direction-004.xht">block-flow-direction-004</a></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1" title="'float: right' and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-048.xht">block-flow-direction-slr-048</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-005" class="ahem"> + <tbody id="block-flow-direction-slr-050" class="ahem"> <tr> - <td rowspan="1" title="'float: left' and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-005.xht">block-flow-direction-005</a></td> + <td rowspan="1" title="position absolute and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-050.xht">block-flow-direction-slr-050</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-006" class="ahem"> + <tbody id="block-flow-direction-slr-054" class="ahem"> <tr> - <td rowspan="1" title="'float: left' and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-006.xht">block-flow-direction-006</a></td> + <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-054.xht">block-flow-direction-slr-054</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-007" class="ahem"> + <tbody id="block-flow-direction-slr-055" class="ahem"> <tr> - <td rowspan="1" title="'float: right' and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-007.xht">block-flow-direction-007</a></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-055.xht">block-flow-direction-slr-055</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-008" class="ahem"> + <tbody id="block-flow-direction-slr-056" class="ahem"> <tr> - <td rowspan="1" title="'float: right' and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-008.xht">block-flow-direction-008</a></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-056.xht">block-flow-direction-slr-056</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-009" class="ahem"> + <tbody id="block-flow-direction-slr-058" class="ahem"> <tr> - <td rowspan="1" title="position absolute and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-009.xht">block-flow-direction-009</a></td> + <td rowspan="1" title="table-cell and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-058.xht">block-flow-direction-slr-058</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-010" class="ahem"> + <tbody id="block-flow-direction-slr-060" class="ahem"> <tr> - <td rowspan="1" title="position absolute and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-010.xht">block-flow-direction-010</a></td> + <td rowspan="1" title="table-caption and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-060.xht">block-flow-direction-slr-060</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-011" class="ahem"> + <tbody id="block-flow-direction-slr-062" class="ahem image"> <tr> - <td rowspan="1" title="inline-block and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-011.xht">block-flow-direction-011</a></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1" title="list and sideways-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-062.xht">block-flow-direction-slr-062</a></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-slr-063" class="ahem"> + <tr> + <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-063.xht">block-flow-direction-slr-063</a></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-012" class="ahem"> + <tbody id="block-flow-direction-slr-066" class="image"> <tr> - <td rowspan="1" title="inline-block and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-012.xht">block-flow-direction-012</a></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1" title="writing mode (sideways-lr) of document - horizontal position of first block"> + <a href="block-flow-direction-slr-066.xht">block-flow-direction-slr-066</a></td> + <td><a href="reference/block-flow-direction-066-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-srl-042" class="ahem"> + <tr> + <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-042.xht">block-flow-direction-srl-042</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-013" class="ahem"> + <tbody id="block-flow-direction-srl-045" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-013.xht">block-flow-direction-013</a></td> + <td rowspan="1" title="'float: left' and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-045.xht">block-flow-direction-srl-045</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-014" class="ahem"> + <tbody id="block-flow-direction-srl-046" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-014.xht">block-flow-direction-014</a></td> + <td rowspan="1" title="'float: left' and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-046.xht">block-flow-direction-srl-046</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-015" class="ahem"> + <tbody id="block-flow-direction-srl-049" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-015.xht">block-flow-direction-015</a></td> + <td rowspan="1" title="position absolute and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-049.xht">block-flow-direction-srl-049</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-016" class="ahem"> + <tbody id="block-flow-direction-srl-051" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-016.xht">block-flow-direction-016</a></td> + <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-051.xht">block-flow-direction-srl-051</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-017" class="ahem"> + <tbody id="block-flow-direction-srl-052" class="ahem"> <tr> - <td rowspan="1" title="table-cell and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-017.xht">block-flow-direction-017</a></td> + <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-052.xht">block-flow-direction-srl-052</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-018" class="ahem"> + <tbody id="block-flow-direction-srl-053" class="ahem"> <tr> - <td rowspan="1" title="table-cell and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-018.xht">block-flow-direction-018</a></td> + <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-053.xht">block-flow-direction-srl-053</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-019" class="ahem"> + <tbody id="block-flow-direction-srl-057" class="ahem"> <tr> - <td rowspan="1" title="table-caption and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-019.xht">block-flow-direction-019</a></td> + <td rowspan="1" title="table-cell and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-057.xht">block-flow-direction-srl-057</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-020" class="ahem"> + <tbody id="block-flow-direction-srl-059" class="ahem"> <tr> - <td rowspan="1" title="table-caption and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-020.xht">block-flow-direction-020</a></td> + <td rowspan="1" title="table-caption and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-059.xht">block-flow-direction-srl-059</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-021" class="ahem image"> + <tbody id="block-flow-direction-srl-061" class="ahem image"> <tr> - <td rowspan="1" title="list and vertical-rl - block flow direction of block-level boxes"> - <a href="block-flow-direction-021.xht">block-flow-direction-021</a></td> + <td rowspan="1" title="list and sideways-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-061.xht">block-flow-direction-srl-061</a></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-022" class="ahem image"> + <tbody id="block-flow-direction-srl-064" class="ahem"> <tr> - <td rowspan="1" title="list and vertical-lr - block flow direction of block-level boxes"> - <a href="block-flow-direction-022.xht">block-flow-direction-022</a></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-064.xht">block-flow-direction-srl-064</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-srl-065" class="image"> + <tr> + <td rowspan="1" title="writing mode (sideways-rl) of document - horizontal position of first block"> + <a href="block-flow-direction-srl-065.xht">block-flow-direction-srl-065</a></td> + <td><a href="reference/block-flow-direction-025-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-023" class="ahem"> + <tbody id="block-flow-direction-vlr-003" class="ahem"> <tr> <td rowspan="1" title="vertical-lr - block flow direction of block-level boxes"> - <a href="block-flow-direction-023.xht">block-flow-direction-023</a></td> + <a href="block-flow-direction-vlr-003.xht">block-flow-direction-vlr-003</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-024" class="ahem"> + <tbody id="block-flow-direction-vlr-007" class="ahem"> <tr> - <td rowspan="1" title="vertical-rl - block flow direction of block-level boxes"> - <a href="block-flow-direction-024.xht">block-flow-direction-024</a></td> + <td rowspan="1" title="'float: right' and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-007.xht">block-flow-direction-vlr-007</a></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-025" class="image"> - <tr> - <td rowspan="1" title="writing mode of document - horizontal position of first block"> - <a href="block-flow-direction-025.xht">block-flow-direction-025</a></td> - <td><a href="reference/block-flow-direction-025-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - </tr> - </tbody> - <tbody id="block-flow-direction-042" class="ahem"> + <tbody id="block-flow-direction-vlr-008" class="ahem"> <tr> - <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes"> - <a href="block-flow-direction-042.xht">block-flow-direction-042</a></td> + <td rowspan="1" title="'float: right' and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-008.xht">block-flow-direction-vlr-008</a></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-043" class="ahem"> + <tbody id="block-flow-direction-vlr-010" class="ahem"> <tr> - <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes"> - <a href="block-flow-direction-043.xht">block-flow-direction-043</a></td> - <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> + <td rowspan="1" title="position absolute and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-010.xht">block-flow-direction-vlr-010</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-045" class="ahem"> + <tbody id="block-flow-direction-vlr-014" class="ahem"> <tr> - <td rowspan="1" title="'float: left' and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-045.xht">block-flow-direction-045</a></td> + <td rowspan="1" title="inline-block and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-014.xht">block-flow-direction-vlr-014</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-046" class="ahem"> + <tbody id="block-flow-direction-vlr-015" class="ahem"> <tr> - <td rowspan="1" title="'float: left' and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-046.xht">block-flow-direction-046</a></td> + <td rowspan="1" title="inline-block and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-015.xht">block-flow-direction-vlr-015</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-047" class="ahem"> + <tbody id="block-flow-direction-vlr-016" class="ahem"> <tr> - <td rowspan="1" title="'float: right' and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-047.xht">block-flow-direction-047</a></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1" title="inline-block and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-016.xht">block-flow-direction-vlr-016</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-048" class="ahem"> + <tbody id="block-flow-direction-vlr-018" class="ahem"> <tr> - <td rowspan="1" title="'float: right' and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-048.xht">block-flow-direction-048</a></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1" title="table-cell and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-018.xht">block-flow-direction-vlr-018</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-049" class="ahem"> + <tbody id="block-flow-direction-vlr-020" class="ahem"> <tr> - <td rowspan="1" title="position absolute and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-049.xht">block-flow-direction-049</a></td> + <td rowspan="1" title="table-caption and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-020.xht">block-flow-direction-vlr-020</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-050" class="ahem"> + <tbody id="block-flow-direction-vlr-022" class="ahem image"> <tr> - <td rowspan="1" title="position absolute and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-050.xht">block-flow-direction-050</a></td> + <td rowspan="1" title="list and vertical-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-022.xht">block-flow-direction-vlr-022</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-051" class="ahem"> + <tbody id="block-flow-direction-vlr-023" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-051.xht">block-flow-direction-051</a></td> + <td rowspan="1" title="vertical-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-023.xht">block-flow-direction-vlr-023</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-052" class="ahem"> + <tbody id="block-flow-direction-vrl-002" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-052.xht">block-flow-direction-052</a></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1" title="vertical-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-002.xht">block-flow-direction-vrl-002</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-053" class="ahem"> + <tbody id="block-flow-direction-vrl-005" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-053.xht">block-flow-direction-053</a></td> + <td rowspan="1" title="'float: left' and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-005.xht">block-flow-direction-vrl-005</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-054" class="ahem"> + <tbody id="block-flow-direction-vrl-006" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-054.xht">block-flow-direction-054</a></td> + <td rowspan="1" title="'float: left' and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-006.xht">block-flow-direction-vrl-006</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-055" class="ahem"> + <tbody id="block-flow-direction-vrl-009" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-055.xht">block-flow-direction-055</a></td> + <td rowspan="1" title="position absolute and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-009.xht">block-flow-direction-vrl-009</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-056" class="ahem"> + <tbody id="block-flow-direction-vrl-011" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-056.xht">block-flow-direction-056</a></td> + <td rowspan="1" title="inline-block and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-011.xht">block-flow-direction-vrl-011</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-057" class="ahem"> + <tbody id="block-flow-direction-vrl-012" class="ahem"> <tr> - <td rowspan="1" title="table-cell and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-057.xht">block-flow-direction-057</a></td> + <td rowspan="1" title="inline-block and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-012.xht">block-flow-direction-vrl-012</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-058" class="ahem"> + <tbody id="block-flow-direction-vrl-013" class="ahem"> <tr> - <td rowspan="1" title="table-cell and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-058.xht">block-flow-direction-058</a></td> + <td rowspan="1" title="inline-block and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-013.xht">block-flow-direction-vrl-013</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-059" class="ahem"> + <tbody id="block-flow-direction-vrl-017" class="ahem"> <tr> - <td rowspan="1" title="table-caption and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-059.xht">block-flow-direction-059</a></td> + <td rowspan="1" title="table-cell and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-017.xht">block-flow-direction-vrl-017</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-060" class="ahem"> + <tbody id="block-flow-direction-vrl-019" class="ahem"> <tr> - <td rowspan="1" title="table-caption and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-060.xht">block-flow-direction-060</a></td> + <td rowspan="1" title="table-caption and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-019.xht">block-flow-direction-vrl-019</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-061" class="ahem image"> + <tbody id="block-flow-direction-vrl-021" class="ahem image"> <tr> - <td rowspan="1" title="list and sideways-rl - block flow direction of block-level boxes"> - <a href="block-flow-direction-061.xht">block-flow-direction-061</a></td> + <td rowspan="1" title="list and vertical-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-021.xht">block-flow-direction-vrl-021</a></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-062" class="ahem image"> + <tbody id="block-flow-direction-vrl-024" class="ahem"> <tr> - <td rowspan="1" title="list and sideways-lr - block flow direction of block-level boxes"> - <a href="block-flow-direction-062.xht">block-flow-direction-062</a></td> - <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - </tr> - </tbody> - <tbody id="block-flow-direction-063" class="ahem"> - <tr> - <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes"> - <a href="block-flow-direction-063.xht">block-flow-direction-063</a></td> - <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="block-flow-direction-064" class="ahem"> - <tr> - <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes"> - <a href="block-flow-direction-064.xht">block-flow-direction-064</a></td> + <td rowspan="1" title="vertical-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-024.xht">block-flow-direction-vrl-024</a></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-065" class="image"> + <tbody id="block-flow-direction-vrl-025" class="image"> <tr> - <td rowspan="1" title="writing mode (sideways-rl) of document - horizontal position of first block"> - <a href="block-flow-direction-065.xht">block-flow-direction-065</a></td> + <td rowspan="1" title="writing mode of document - horizontal position of first block"> + <a href="block-flow-direction-vrl-025.xht">block-flow-direction-vrl-025</a></td> <td><a href="reference/block-flow-direction-025-ref.xht">=</a> </td> <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-066" class="image"> - <tr> - <td rowspan="1" title="writing mode (sideways-lr) of document - horizontal position of first block"> - <a href="block-flow-direction-066.xht">block-flow-direction-066</a></td> - <td><a href="reference/block-flow-direction-066-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - </tr> - </tbody> <tbody id="block-override-001" class=""> <tr> <td rowspan="1" title="direction: div override rtl"> @@ -4176,6 +4176,14 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="flexbox_align-items-stretch-writing-modes" class=""> + <tr> + <td rowspan="1" title="Flexbox align-items: stretch with writing-mode vertical-lr and vertical-rl"> + <a href="flexbox_align-items-stretch-writing-modes.xht">flexbox_align-items-stretch-writing-modes</a></td> + <td><a href="reference/flexbox_align-items-stretch-writing-modes-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="float-clear-vlr-003" class="ahem image"> <tr> <td rowspan="1" title="'float: right' and 'clear: right' in 'vertical-lr' block formating context (basic)"> @@ -4720,154 +4728,298 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-001" class="ahem"> + <tbody id="line-box-direction-htb-001" class="ahem"> <tr> <td rowspan="1" title="horizontal-tb - ordering direction of line boxes"> - <a href="line-box-direction-001.xht">line-box-direction-001</a></td> + <a href="line-box-direction-htb-001.xht">line-box-direction-htb-001</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-002" class="ahem"> + <tbody id="line-box-direction-slr-043" class="ahem"> <tr> - <td rowspan="1" title="vertical-rl - ordering direction of line boxes"> - <a href="line-box-direction-002.xht">line-box-direction-002</a></td> + <td rowspan="1" title="sideways-lr - ordering direction of line boxes"> + <a href="line-box-direction-slr-043.xht">line-box-direction-slr-043</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-003" class="ahem"> + <tbody id="line-box-direction-slr-047" class="ahem"> <tr> - <td rowspan="1" title="vertical-lr - ordering direction of line boxes"> - <a href="line-box-direction-003.xht">line-box-direction-003</a></td> + <td rowspan="1" title="'float: right' and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-047.xht">line-box-direction-slr-047</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-slr-048" class="ahem"> + <tr> + <td rowspan="1" title="'float: right' and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-048.xht">line-box-direction-slr-048</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-slr-050" class="ahem"> + <tr> + <td rowspan="1" title="position absolute and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-050.xht">line-box-direction-slr-050</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-005" class="ahem"> + <tbody id="line-box-direction-slr-053" class="ahem"> <tr> - <td rowspan="1" title="'float: left' and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-005.xht">line-box-direction-005</a></td> + <td rowspan="1" title="inline-block and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-053.xht">line-box-direction-slr-053</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-006" class="ahem"> + <tbody id="line-box-direction-slr-054" class="ahem"> <tr> - <td rowspan="1" title="'float: left' and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-006.xht">line-box-direction-006</a></td> + <td rowspan="1" title="inline-block and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-054.xht">line-box-direction-slr-054</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-slr-056" class="ahem"> + <tr> + <td rowspan="1" title="table-cell and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-056.xht">line-box-direction-slr-056</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-007" class="ahem"> + <tbody id="line-box-direction-slr-058" class="ahem"> + <tr> + <td rowspan="1" title="table-caption and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-058.xht">line-box-direction-slr-058</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-slr-060" class="ahem"> + <tr> + <td rowspan="1" title="list and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-060.xht">line-box-direction-slr-060</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-042" class="ahem"> + <tr> + <td rowspan="1" title="sideways-rl - ordering direction of line boxes"> + <a href="line-box-direction-srl-042.xht">line-box-direction-srl-042</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-045" class="ahem"> + <tr> + <td rowspan="1" title="'float: left' and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-045.xht">line-box-direction-srl-045</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-046" class="ahem"> + <tr> + <td rowspan="1" title="'float: left' and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-046.xht">line-box-direction-srl-046</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-049" class="ahem"> + <tr> + <td rowspan="1" title="position absolute and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-049.xht">line-box-direction-srl-049</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-051" class="ahem"> + <tr> + <td rowspan="1" title="inline-block and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-051.xht">line-box-direction-srl-051</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-052" class="ahem"> + <tr> + <td rowspan="1" title="inline-block and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-052.xht">line-box-direction-srl-052</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-055" class="ahem"> + <tr> + <td rowspan="1" title="table-cell and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-055.xht">line-box-direction-srl-055</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-057" class="ahem"> + <tr> + <td rowspan="1" title="table-caption and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-057.xht">line-box-direction-srl-057</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-059" class="ahem"> + <tr> + <td rowspan="1" title="list and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-059.xht">line-box-direction-srl-059</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-vlr-003" class="ahem"> + <tr> + <td rowspan="1" title="vertical-lr - ordering direction of line boxes"> + <a href="line-box-direction-vlr-003.xht">line-box-direction-vlr-003</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-vlr-007" class="ahem"> <tr> <td rowspan="1" title="'float: right' and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-007.xht">line-box-direction-007</a></td> + <a href="line-box-direction-vlr-007.xht">line-box-direction-vlr-007</a></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-008" class="ahem"> + <tbody id="line-box-direction-vlr-008" class="ahem"> <tr> <td rowspan="1" title="'float: right' and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-008.xht">line-box-direction-008</a></td> + <a href="line-box-direction-vlr-008.xht">line-box-direction-vlr-008</a></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-009" class="ahem"> + <tbody id="line-box-direction-vlr-010" class="ahem"> <tr> - <td rowspan="1" title="position absolute and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-009.xht">line-box-direction-009</a></td> + <td rowspan="1" title="position absolute and 'vertical-lr' - ordering direction of line boxes"> + <a href="line-box-direction-vlr-010.xht">line-box-direction-vlr-010</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-010" class="ahem"> + <tbody id="line-box-direction-vlr-013" class="ahem"> <tr> - <td rowspan="1" title="position absolute and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-010.xht">line-box-direction-010</a></td> + <td rowspan="1" title="inline-block and 'vertical-lr' - ordering direction of line boxes"> + <a href="line-box-direction-vlr-013.xht">line-box-direction-vlr-013</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-011" class="ahem"> + <tbody id="line-box-direction-vlr-014" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-011.xht">line-box-direction-011</a></td> + <td rowspan="1" title="inline-block and 'vertical-lr' - ordering direction of line boxes"> + <a href="line-box-direction-vlr-014.xht">line-box-direction-vlr-014</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-012" class="ahem"> + <tbody id="line-box-direction-vlr-016" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-012.xht">line-box-direction-012</a></td> + <td rowspan="1" title="table-cell and 'vertical-lr' - ordering direction of line boxes"> + <a href="line-box-direction-vlr-016.xht">line-box-direction-vlr-016</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-013" class="ahem"> + <tbody id="line-box-direction-vlr-018" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-013.xht">line-box-direction-013</a></td> + <td rowspan="1" title="table-caption and 'vertical-lr' - ordering direction of line boxes"> + <a href="line-box-direction-vlr-018.xht">line-box-direction-vlr-018</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-014" class="ahem"> + <tbody id="line-box-direction-vlr-020" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-014.xht">line-box-direction-014</a></td> + <td rowspan="1" title="list and 'vertical-lr' - ordering direction of line boxes"> + <a href="line-box-direction-vlr-020.xht">line-box-direction-vlr-020</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-015" class="ahem"> + <tbody id="line-box-direction-vrl-002" class="ahem"> <tr> - <td rowspan="1" title="table-cell and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-015.xht">line-box-direction-015</a></td> + <td rowspan="1" title="vertical-rl - ordering direction of line boxes"> + <a href="line-box-direction-vrl-002.xht">line-box-direction-vrl-002</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-016" class="ahem"> + <tbody id="line-box-direction-vrl-005" class="ahem"> <tr> - <td rowspan="1" title="table-cell and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-016.xht">line-box-direction-016</a></td> + <td rowspan="1" title="'float: left' and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-005.xht">line-box-direction-vrl-005</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-017" class="ahem"> + <tbody id="line-box-direction-vrl-006" class="ahem"> <tr> - <td rowspan="1" title="table-caption and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-017.xht">line-box-direction-017</a></td> + <td rowspan="1" title="'float: left' and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-006.xht">line-box-direction-vrl-006</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-018" class="ahem"> + <tbody id="line-box-direction-vrl-009" class="ahem"> <tr> - <td rowspan="1" title="table-caption and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-018.xht">line-box-direction-018</a></td> + <td rowspan="1" title="position absolute and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-009.xht">line-box-direction-vrl-009</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-019" class="ahem"> + <tbody id="line-box-direction-vrl-011" class="ahem"> <tr> - <td rowspan="1" title="list and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-019.xht">line-box-direction-019</a></td> + <td rowspan="1" title="inline-block and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-011.xht">line-box-direction-vrl-011</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-020" class="ahem"> + <tbody id="line-box-direction-vrl-012" class="ahem"> <tr> - <td rowspan="1" title="list and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-020.xht">line-box-direction-020</a></td> + <td rowspan="1" title="inline-block and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-012.xht">line-box-direction-vrl-012</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-vrl-015" class="ahem"> + <tr> + <td rowspan="1" title="table-cell and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-015.xht">line-box-direction-vrl-015</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-vrl-017" class="ahem"> + <tr> + <td rowspan="1" title="table-caption and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-017.xht">line-box-direction-vrl-017</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-vrl-019" class="ahem"> + <tr> + <td rowspan="1" title="list and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-019.xht">line-box-direction-vrl-019</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> @@ -5264,66 +5416,98 @@ <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="row-progression-002" class="ahem"> + <tbody id="row-progression-slr-023" class="ahem"> <tr> - <td rowspan="1" title="vertical-rl - table rows progression"> - <a href="row-progression-002.xht">row-progression-002</a></td> + <td rowspan="1" title="sideways-lr - table rows progression"> + <a href="row-progression-slr-023.xht">row-progression-slr-023</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="row-progression-003" class="ahem"> + <tbody id="row-progression-slr-029" class="ahem"> <tr> - <td rowspan="1" title="vertical-lr - table rows progression"> - <a href="row-progression-003.xht">row-progression-003</a></td> + <td rowspan="1" title="sideways-lr - table rows progression (thead, 2 tbodies, tfoot)"> + <a href="row-progression-slr-029.xht">row-progression-slr-029</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="row-progression-004" class="ahem"> + <tbody id="row-progression-srl-022" class="ahem"> <tr> - <td rowspan="1" title="vertical-rl - table rows progression and colspan"> - <a href="row-progression-004.xht">row-progression-004</a></td> + <td rowspan="1" title="sideways-rl - table rows progression"> + <a href="row-progression-srl-022.xht">row-progression-srl-022</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="row-progression-005" class="ahem"> + <tbody id="row-progression-srl-028" class="ahem"> <tr> - <td rowspan="1" title="vertical-lr - table rows progression and colspan"> - <a href="row-progression-005.xht">row-progression-005</a></td> + <td rowspan="1" title="sideways-rl - table rows progression (thead, 2 tbodies, tfoot)"> + <a href="row-progression-srl-028.xht">row-progression-srl-028</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="row-progression-006" class="ahem"> + <tbody id="row-progression-vlr-003" class="ahem"> <tr> - <td rowspan="1" title="vertical-rl - table rows progression and rowspan"> - <a href="row-progression-006.xht">row-progression-006</a></td> + <td rowspan="1" title="vertical-lr - table rows progression"> + <a href="row-progression-vlr-003.xht">row-progression-vlr-003</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="row-progression-007" class="ahem"> + <tbody id="row-progression-vlr-005" class="ahem"> <tr> - <td rowspan="1" title="vertical-lr - table rows progression and rowspan"> - <a href="row-progression-007.xht">row-progression-007</a></td> + <td rowspan="1" title="vertical-lr - table rows progression and colspan"> + <a href="row-progression-vlr-005.xht">row-progression-vlr-005</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="row-progression-008" class="ahem"> + <tbody id="row-progression-vlr-007" class="ahem"> <tr> - <td rowspan="1" title="vertical-rl - table rows progression (thead, 2 tbodies, tfoot)"> - <a href="row-progression-008.xht">row-progression-008</a></td> + <td rowspan="1" title="vertical-lr - table rows progression and rowspan"> + <a href="row-progression-vlr-007.xht">row-progression-vlr-007</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="row-progression-009" class="ahem"> + <tbody id="row-progression-vlr-009" class="ahem"> <tr> <td rowspan="1" title="vertical-lr - table rows progression (thead, 2 tbodies, tfoot)"> - <a href="row-progression-009.xht">row-progression-009</a></td> + <a href="row-progression-vlr-009.xht">row-progression-vlr-009</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="row-progression-vrl-002" class="ahem"> + <tr> + <td rowspan="1" title="vertical-rl - table rows progression"> + <a href="row-progression-vrl-002.xht">row-progression-vrl-002</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="row-progression-vrl-004" class="ahem"> + <tr> + <td rowspan="1" title="vertical-rl - table rows progression and colspan"> + <a href="row-progression-vrl-004.xht">row-progression-vrl-004</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="row-progression-vrl-006" class="ahem"> + <tr> + <td rowspan="1" title="vertical-rl - table rows progression and rowspan"> + <a href="row-progression-vrl-006.xht">row-progression-vrl-006</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="row-progression-vrl-008" class="ahem"> + <tr> + <td rowspan="1" title="vertical-rl - table rows progression (thead, 2 tbodies, tfoot)"> + <a href="row-progression-vrl-008.xht">row-progression-vrl-008</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> @@ -5360,6 +5544,38 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> + <tbody id="table-progression-slr-001" class=""> + <tr> + <td rowspan="1" title="sideways-lr Table Row/Rowgroup/Cell Ordering"> + <a href="table-progression-slr-001.xht">table-progression-slr-001</a></td> + <td><a href="reference/table-progression-slr-001-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-slr-002" class=""> + <tr> + <td rowspan="1" title="sideways-lr Table Column/Colgroup Ordering"> + <a href="table-progression-slr-002.xht">table-progression-slr-002</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-srl-001" class=""> + <tr> + <td rowspan="1" title="sideways-rl Table Row/Rowgroup/Cell Ordering"> + <a href="table-progression-srl-001.xht">table-progression-srl-001</a></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-srl-002" class=""> + <tr> + <td rowspan="1" title="sideways-rl Table Column/Colgroup Ordering"> + <a href="table-progression-srl-002.xht">table-progression-srl-002</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="table-progression-vlr-001" class=""> <tr> <td rowspan="1" title="vertical-lr Table Row/Rowgroup/Cell Ordering"> @@ -5568,51 +5784,99 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="text-baseline-002" class="ahem"> + <tbody id="text-baseline-slr-009" class="ahem"> <tr> - <td rowspan="1" title="text baseline alignment - central alignment with vertical layout"> - <a href="text-baseline-002.xht">text-baseline-002</a></td> - <td><a href="reference/text-baseline-002-ref.xht">=</a> </td> + <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> + <a href="text-baseline-slr-009.xht">text-baseline-slr-009</a></td> + <td><a href="reference/text-baseline-slr-009-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="text-baseline-003" class="ahem"> + <tbody id="text-baseline-slr-011" class="ahem"> <tr> - <td rowspan="1" title="text baseline alignment - central alignment with vertical layout"> - <a href="text-baseline-003.xht">text-baseline-003</a></td> - <td><a href="reference/text-baseline-002-ref.xht">=</a> </td> + <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> + <a href="text-baseline-slr-011.xht">text-baseline-slr-011</a></td> + <td><a href="reference/text-baseline-slr-009-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="text-baseline-slr-013" class="ahem"> + <tr> + <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> + <a href="text-baseline-slr-013.xht">text-baseline-slr-013</a></td> + <td><a href="reference/text-baseline-slr-009-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="text-baseline-004" class="ahem"> + <tbody id="text-baseline-srl-008" class="ahem"> + <tr> + <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> + <a href="text-baseline-srl-008.xht">text-baseline-srl-008</a></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="text-baseline-srl-010" class="ahem"> + <tr> + <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> + <a href="text-baseline-srl-010.xht">text-baseline-srl-010</a></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="text-baseline-srl-012" class="ahem"> + <tr> + <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> + <a href="text-baseline-srl-012.xht">text-baseline-srl-012</a></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="text-baseline-vlr-003" class="ahem"> <tr> <td rowspan="1" title="text baseline alignment - central alignment with vertical layout"> - <a href="text-baseline-004.xht">text-baseline-004</a></td> - <td><a href="reference/text-baseline-002-ref.xht">=</a> </td> + <a href="text-baseline-vlr-003.xht">text-baseline-vlr-003</a></td> + <td><a href="reference/text-baseline-vrl-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="text-baseline-005" class="ahem"> + <tbody id="text-baseline-vlr-005" class="ahem"> <tr> <td rowspan="1" title="text baseline alignment - central alignment with vertical layout"> - <a href="text-baseline-005.xht">text-baseline-005</a></td> - <td><a href="reference/text-baseline-002-ref.xht">=</a> </td> + <a href="text-baseline-vlr-005.xht">text-baseline-vlr-005</a></td> + <td><a href="reference/text-baseline-vrl-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="text-baseline-006" class="ahem"> + <tbody id="text-baseline-vlr-007" class="ahem"> <tr> <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> - <a href="text-baseline-006.xht">text-baseline-006</a></td> - <td><a href="reference/text-baseline-006-ref.xht">=</a> </td> + <a href="text-baseline-vlr-007.xht">text-baseline-vlr-007</a></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="text-baseline-007" class="ahem"> + <tbody id="text-baseline-vrl-002" class="ahem"> + <tr> + <td rowspan="1" title="text baseline alignment - central alignment with vertical layout"> + <a href="text-baseline-vrl-002.xht">text-baseline-vrl-002</a></td> + <td><a href="reference/text-baseline-vrl-002-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="text-baseline-vrl-004" class="ahem"> + <tr> + <td rowspan="1" title="text baseline alignment - central alignment with vertical layout"> + <a href="text-baseline-vrl-004.xht">text-baseline-vrl-004</a></td> + <td><a href="reference/text-baseline-vrl-002-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="text-baseline-vrl-006" class="ahem"> <tr> <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> - <a href="text-baseline-007.xht">text-baseline-007</a></td> - <td><a href="reference/text-baseline-006-ref.xht">=</a> </td> + <a href="text-baseline-vrl-006.xht">text-baseline-vrl-006</a></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> @@ -6160,14 +6424,6 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="writing-mode-stretch-001" class=""> - <tr> - <td rowspan="1" title="writing-mode vertical-lr and vertical-rl"> - <a href="writing-mode-stretch-001.xht">writing-mode-stretch-001</a></td> - <td><a href="reference/writing-mode-stretch-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> <tbody id="writing-mode-vertical-lr-002" class="ahem"> <tr> <td rowspan="1" title="writing-mode: vertical-lr - basic inline case"> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest.list b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest.list index 3c9addbeb06..117f3f8138b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest.list +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest.list @@ -377,55 +377,55 @@ bidi-unset-010.xht == reference/bidi-normal-010.xht block-embed-001.xht == reference/block-embed-001.xht block-embed-002.xht == reference/block-embed-002.xht block-embed-003.xht == reference/block-embed-003.xht -block-flow-direction-001.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-002.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-003.xht == reference/block-flow-direction-001-ref.xht block-flow-direction-004.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-005.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-006.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-007.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-008.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-009.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-010.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-011.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-012.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-013.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-014.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-015.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-016.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-017.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-018.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-019.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-020.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-021.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-022.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-023.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-024.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-025.xht == reference/block-flow-direction-025-ref.xht -block-flow-direction-042.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-043.xht == reference/block-flow-direction-043-ref.xht -block-flow-direction-045.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-046.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-047.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-048.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-049.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-050.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-051.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-052.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-053.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-054.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-055.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-056.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-057.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-058.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-059.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-060.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-061.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-062.xht == reference/block-flow-direction-043-ref.xht -block-flow-direction-063.xht == reference/block-flow-direction-043-ref.xht -block-flow-direction-064.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-065.xht == reference/block-flow-direction-025-ref.xht -block-flow-direction-066.xht == reference/block-flow-direction-066-ref.xht +block-flow-direction-htb-001.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-slr-043.xht == reference/block-flow-direction-043-ref.xht +block-flow-direction-slr-047.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-slr-048.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-slr-050.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-slr-054.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-slr-055.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-slr-056.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-slr-058.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-slr-060.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-slr-062.xht == reference/block-flow-direction-043-ref.xht +block-flow-direction-slr-063.xht == reference/block-flow-direction-043-ref.xht +block-flow-direction-slr-066.xht == reference/block-flow-direction-066-ref.xht +block-flow-direction-srl-042.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-srl-045.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-srl-046.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-srl-049.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-srl-051.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-srl-052.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-srl-053.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-srl-057.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-srl-059.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-srl-061.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-srl-064.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-srl-065.xht == reference/block-flow-direction-025-ref.xht +block-flow-direction-vlr-003.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vlr-007.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-vlr-008.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-vlr-010.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vlr-014.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vlr-015.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vlr-016.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vlr-018.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vlr-020.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vlr-022.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vlr-023.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vrl-002.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-vrl-005.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vrl-006.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vrl-009.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vrl-011.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vrl-012.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vrl-013.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vrl-017.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vrl-019.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vrl-021.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-vrl-024.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-vrl-025.xht == reference/block-flow-direction-025-ref.xht block-override-001.xht == reference/block-override-001.xht block-override-002.xht == reference/block-override-002.xht block-override-003.xht == reference/block-override-003.xht @@ -518,6 +518,7 @@ extract-ordered-list-direction-and-writing-modes.xht == reference/extract-ordere flexbox-writing-mode-007.xht == reference/flexbox-writing-mode-007-ref.xht flexbox-writing-mode-008.xht == reference/flexbox-writing-mode-008-ref.xht flexbox-writing-mode-009.xht == reference/flexbox-writing-mode-009-ref.xht +flexbox_align-items-stretch-writing-modes.xht == reference/flexbox_align-items-stretch-writing-modes-ref.xht float-clear-vlr-003.xht == reference/ref-filled-green-100px-square.xht float-clear-vlr-005.xht == reference/ref-filled-green-100px-square.xht float-clear-vlr-007.xht == reference/ref-filled-green-100px-square.xht @@ -586,25 +587,43 @@ inline-table-alignment-002.xht == reference/inline-table-alignment-002-ref.xht inline-table-alignment-003.xht == reference/inline-table-alignment-003-ref.xht inline-table-alignment-004.xht == reference/inline-table-alignment-002-ref.xht inline-table-alignment-005.xht == reference/inline-table-alignment-003-ref.xht -line-box-direction-001.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-002.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-003.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-005.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-006.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-007.xht == reference/block-flow-direction-002-ref.xht -line-box-direction-008.xht == reference/block-flow-direction-002-ref.xht -line-box-direction-009.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-010.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-011.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-012.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-013.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-014.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-015.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-016.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-017.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-018.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-019.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-020.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-htb-001.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-slr-043.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-slr-047.xht == reference/block-flow-direction-002-ref.xht +line-box-direction-slr-048.xht == reference/block-flow-direction-002-ref.xht +line-box-direction-slr-050.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-slr-053.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-slr-054.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-slr-056.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-slr-058.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-slr-060.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-srl-042.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-srl-045.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-srl-046.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-srl-049.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-srl-051.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-srl-052.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-srl-055.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-srl-057.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-srl-059.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vlr-003.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vlr-007.xht == reference/block-flow-direction-002-ref.xht +line-box-direction-vlr-008.xht == reference/block-flow-direction-002-ref.xht +line-box-direction-vlr-010.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vlr-013.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vlr-014.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vlr-016.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vlr-018.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vlr-020.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vrl-002.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vrl-005.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vrl-006.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vrl-009.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vrl-011.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vrl-012.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vrl-015.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vrl-017.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vrl-019.xht == reference/block-flow-direction-001-ref.xht line-box-height-vlr-003.xht == reference/line-box-height-vlr-003-ref.xht line-box-height-vlr-005.xht == reference/line-box-height-vlr-003-ref.xht line-box-height-vlr-007.xht == reference/line-box-height-vlr-007-ref.xht @@ -654,18 +673,26 @@ percent-padding-vlr-007.xht == reference/margin-vrl-002-ref.xht percent-padding-vrl-002.xht == reference/margin-vrl-002-ref.xht percent-padding-vrl-004.xht == reference/margin-vrl-002-ref.xht percent-padding-vrl-006.xht == reference/margin-vrl-002-ref.xht -row-progression-002.xht == reference/block-flow-direction-001-ref.xht -row-progression-003.xht == reference/block-flow-direction-001-ref.xht -row-progression-004.xht == reference/block-flow-direction-001-ref.xht -row-progression-005.xht == reference/block-flow-direction-001-ref.xht -row-progression-006.xht == reference/block-flow-direction-001-ref.xht -row-progression-007.xht == reference/block-flow-direction-001-ref.xht -row-progression-008.xht == reference/block-flow-direction-001-ref.xht -row-progression-009.xht == reference/block-flow-direction-001-ref.xht +row-progression-slr-023.xht == reference/block-flow-direction-001-ref.xht +row-progression-slr-029.xht == reference/block-flow-direction-001-ref.xht +row-progression-srl-022.xht == reference/block-flow-direction-001-ref.xht +row-progression-srl-028.xht == reference/block-flow-direction-001-ref.xht +row-progression-vlr-003.xht == reference/block-flow-direction-001-ref.xht +row-progression-vlr-005.xht == reference/block-flow-direction-001-ref.xht +row-progression-vlr-007.xht == reference/block-flow-direction-001-ref.xht +row-progression-vlr-009.xht == reference/block-flow-direction-001-ref.xht +row-progression-vrl-002.xht == reference/block-flow-direction-001-ref.xht +row-progression-vrl-004.xht == reference/block-flow-direction-001-ref.xht +row-progression-vrl-006.xht == reference/block-flow-direction-001-ref.xht +row-progression-vrl-008.xht == reference/block-flow-direction-001-ref.xht table-column-order-002.xht == reference/block-flow-direction-001-ref.xht table-column-order-003.xht == reference/block-flow-direction-001-ref.xht table-column-order-004.xht == reference/block-flow-direction-001-ref.xht table-column-order-005.xht == reference/block-flow-direction-001-ref.xht +table-progression-slr-001.xht == reference/table-progression-slr-001-ref.xht +table-progression-slr-002.xht == reference/table-progression-002-ref.xht +table-progression-srl-001.xht == reference/table-progression-001-ref.xht +table-progression-srl-002.xht == reference/table-progression-002-ref.xht table-progression-vlr-001.xht == reference/table-progression-001-ref.xht table-progression-vlr-002.xht == reference/table-progression-002-ref.xht table-progression-vlr-003.xht == reference/table-progression-001-ref.xht @@ -692,12 +719,18 @@ text-align-vrl-012.xht == reference/text-align-vrl-008-ref.xht text-align-vrl-014.xht == reference/direction-vrl-002-ref.xht text-align-vrl-016.xht == reference/direction-vrl-002-ref.xht text-align-vrl-018.xht == reference/direction-vrl-002-ref.xht -text-baseline-002.xht == reference/text-baseline-002-ref.xht -text-baseline-003.xht == reference/text-baseline-002-ref.xht -text-baseline-004.xht == reference/text-baseline-002-ref.xht -text-baseline-005.xht == reference/text-baseline-002-ref.xht -text-baseline-006.xht == reference/text-baseline-006-ref.xht -text-baseline-007.xht == reference/text-baseline-006-ref.xht +text-baseline-slr-009.xht == reference/text-baseline-slr-009-ref.xht +text-baseline-slr-011.xht == reference/text-baseline-slr-009-ref.xht +text-baseline-slr-013.xht == reference/text-baseline-slr-009-ref.xht +text-baseline-srl-008.xht == reference/text-baseline-vrl-006-ref.xht +text-baseline-srl-010.xht == reference/text-baseline-vrl-006-ref.xht +text-baseline-srl-012.xht == reference/text-baseline-vrl-006-ref.xht +text-baseline-vlr-003.xht == reference/text-baseline-vrl-002-ref.xht +text-baseline-vlr-005.xht == reference/text-baseline-vrl-002-ref.xht +text-baseline-vlr-007.xht == reference/text-baseline-vrl-006-ref.xht +text-baseline-vrl-002.xht == reference/text-baseline-vrl-002-ref.xht +text-baseline-vrl-004.xht == reference/text-baseline-vrl-002-ref.xht +text-baseline-vrl-006.xht == reference/text-baseline-vrl-006-ref.xht text-combine-upright-decorations-001.xht == reference/text-combine-upright-decorations-001.xht text-combine-upright-inherit-all-001.xht == reference/text-combine-upright-inherit-all-001.xht text-combine-upright-inherit-all-002.xht == reference/text-combine-upright-inherit-all-002.xht @@ -766,7 +799,6 @@ vertical-alignment-vrl-024.xht == reference/vertical-alignment-vrl-022-ref.xht vertical-alignment-vrl-026.xht == reference/vertical-alignment-vrl-026-ref.xht writing-mode-horizontal-001l.xht == reference/writing-mode-horizontal-001l-ref.xht writing-mode-horizontal-001r.xht == reference/writing-mode-horizontal-001r-ref.xht -writing-mode-stretch-001.xht == reference/writing-mode-stretch-001-ref.xht writing-mode-vertical-lr-002.xht == reference/writing-mode-vertical-lr-002-ref.xht writing-mode-vertical-rl-001.xht == reference/writing-mode-vertical-rl-001-ref.xht writing-mode-vertical-rl-002.xht == reference/writing-mode-vertical-rl-002-ref.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-002.xht deleted file mode 100644 index 7eff3679491..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-002.xht +++ /dev/null @@ -1,71 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: vertical-rl - table rows progression</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test row-progression-002"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc..." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - writing-mode: vertical-rl; - } - - td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } - ]]></style> - </head> - - <body> - - <table> - -<!-- The right-most "S" --> - <tr><td>A B C DDD</td><td>EE F G H</td><td>JJ K L M</td></tr> - -<!-- The left-most "S" --> - <tr><td>N O Q RRR</td><td>SS T U V</td><td>WW X Y Z</td></tr> - -<!-- The "A" --> - <tr><td>aaa b c ddd</td><td>ee f g hh</td><td>jj kk</td></tr> - -<!-- The "P" --> - <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell"> vv</td></tr> - - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-003.xht deleted file mode 100644 index a0cab5b08d3..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-003.xht +++ /dev/null @@ -1,71 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: vertical-lr - table rows progression</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test row-progression-003"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc..." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - writing-mode: vertical-lr; - } - - td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } - ]]></style> - </head> - - <body> - - <table> - -<!-- The "P" --> - <tr><td class="left-most-cell">AAA B C DDD</td><td class="left-most-cell">EE F G H</td><td class="left-most-cell">JJ </td></tr> - -<!-- The "A" --> - <tr><td>KKK L M NNN</td><td>OO Q R SS</td><td>TT UU</td></tr> - -<!-- The left-most "S" --> - <tr><td>VVV W X Y </td><td>a b c dd</td><td> e f g hh</td></tr> - -<!-- The right-most "S" --> - <tr><td>jjj k m n </td><td>q r s tt</td><td> u v w xx</td></tr> - - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-004.xht deleted file mode 100644 index aaef98a93be..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-004.xht +++ /dev/null @@ -1,71 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: vertical-rl - table rows progression and colspan</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test row-progression-004"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - writing-mode: vertical-rl; - } - - td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } - ]]></style> - </head> - - <body> - - <table> - -<!-- The right-most "S" --> - <tr><td>A B C DDD</td><td>EE F G H</td><td>JJ K L M</td></tr> - -<!-- The left-most "S" --> - <tr><td colspan="2">N OO Q R S T UUUU</td><td>WW X Y Z</td></tr> - -<!-- The "A" --> - <tr><td>aaa b c ddd</td><td colspan="2">eeff g h jjjj</td></tr> - -<!-- The "P" --> - <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell"> vv</td></tr> - - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-005.xht deleted file mode 100644 index ee1ae7a5130..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-005.xht +++ /dev/null @@ -1,71 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: vertical-lr - table rows progression and colspan</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test row-progression-005"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - writing-mode: vertical-lr; - } - - td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } - ]]></style> - </head> - - <body> - - <table> - -<!-- The "P" --> - <tr><td class="left-most-cell">AAA B C DDD</td><td class="left-most-cell">EE F G H</td><td class="left-most-cell">JJ </td></tr> - -<!-- The "A" --> - <tr><td colspan="2">KKKOO L Q M R NNNSS</td><td>TT UU</td></tr> - -<!-- The left-most "S" --> - <tr><td>VVV W X Y </td><td colspan="2">a b c d e f gggg</td></tr> - -<!-- The right-most "S" --> - <tr><td>jjj k m n </td><td>q r s tt</td><td> u v w xx</td></tr> - - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-006.xht deleted file mode 100644 index 44aee71bdca..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-006.xht +++ /dev/null @@ -1,71 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: vertical-rl - table rows progression and rowspan</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test row-progression-006"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that rowspanned cells in a table are handled according to a right-to-left direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - writing-mode: vertical-rl; - } - - td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } - ]]></style> - </head> - - <body> - - <table> - -<!-- The right-most "S" --> - <tr><td>A B C DDD</td><td>EE F G H</td><td rowspan="2">JJ K L M WW X Y Z</td></tr> - -<!-- The left-most "S" --> - <tr><td>N O Q RRR</td><td>SS T U V</td></tr> - -<!-- The "A" --> - <tr><td>aaa b c ddd</td><td rowspan="2" class="left-most-cell">ee f g hh r s t uu</td><td>jj kk</td></tr> - -<!-- The "P" --> - <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell"> vv</td></tr> - - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-007.xht deleted file mode 100644 index e32b65850ef..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-007.xht +++ /dev/null @@ -1,71 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: vertical-lr - table rows progression and rowspan</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test row-progression-007"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that rowspanned cells in a table are handled according to a left-to-right direction." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - writing-mode: vertical-lr; - } - - td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } - ]]></style> - </head> - - <body> - - <table> - -<!-- The "P" --> - <tr><td class="left-most-cell">AAA B C DDD</td><td class="left-most-cell">EE F G H</td><td class="left-most-cell" rowspan="2">JJ TT UU</td></tr> - -<!-- The "A" --> - <tr><td>KKK L M NNN</td><td>OO Q R SS</td></tr> - -<!-- The left-most "S" --> - <tr><td>VVV W X Y </td><td rowspan="2">a b c dd q r s tt</td><td> e f g hh</td></tr> - -<!-- The right-most "S" --> - <tr><td>jjj k m n </td><td> u v w xx</td></tr> - - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-008.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-008.xht deleted file mode 100644 index 22cd6ebf04e..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-008.xht +++ /dev/null @@ -1,86 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: vertical-rl - table rows progression (thead, 2 tbodies, tfoot)</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test row-progression-008"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc..." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - writing-mode: vertical-rl; - } - - td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } - ]]></style> - </head> - - <body> - - <table> - - <thead> - -<!-- The right-most "S" --> - <tr><td>A B C DDD</td><td>EE F G H</td><td>JJ K L M</td></tr> - - </thead> - - <tfoot> - -<!-- The "P" --> - <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell"> vv</td></tr> - - </tfoot> - - <tbody> - -<!-- The left-most "S" --> - <tr><td>N O Q RRR</td><td>SS T U V</td><td>WW X Y Z</td></tr> - - </tbody> - - <tbody> -<!-- The "A" --> - <tr><td>aaa b c ddd</td><td>ee f g hh</td><td>jj kk</td></tr> - - </tbody> - - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-009.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-009.xht deleted file mode 100644 index 01ca6a9fdf7..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-009.xht +++ /dev/null @@ -1,87 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - - <title>CSS Writing Modes Test: vertical-lr - table rows progression (thead, 2 tbodies, tfoot)</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test row-progression-009"; } - @bottom-right { content: counter(page); } - } -</style> - - <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> - <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> - - <meta content="ahem" name="flags" /> - <meta content="This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc..." name="assert" /> - - <style type="text/css"><![CDATA[ - body - { - color: yellow; - font: 20px/1 Ahem; - } - - table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - writing-mode: vertical-lr; - } - - td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } - ]]></style> - </head> - - <body> - - <table> - - <thead> - -<!-- The "P" --> - <tr><td class="left-most-cell">AAA B C DDD</td><td class="left-most-cell">EE F G H</td><td class="left-most-cell">JJ </td></tr> - - </thead> - - <tfoot> - -<!-- The right-most "S" --> - <tr><td>jjj k m n </td><td>q r s tt</td><td> u v w xx</td></tr> - - </tfoot> - - <tbody> - -<!-- The "A" --> - <tr><td>KKK L M NNN</td><td>OO Q R SS</td><td>TT UU</td></tr> - - </tbody> - - <tbody> - -<!-- The left-most "S" --> - <tr><td>VVV W X Y </td><td>a b c dd</td><td> e f g hh</td></tr> - - </tbody> - - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-slr-023.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-slr-023.xht new file mode 100644 index 00000000000..6828fc97c5e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-slr-023.xht @@ -0,0 +1,74 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-lr - table rows progression</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test row-progression-slr-023"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that rows of a table element with in a 'sideways-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells and table columns in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: sideways-lr; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + ]]></style> + </head> + + <body> + + <table> + +<!-- The "P" --> + <tr><td class="left-most-cell">AAA </td><td class="left-most-cell">BB C D EE</td><td class="left-most-cell">FF G H JJ</td></tr> + +<!-- The "A" --> + <tr><td>KKK LLL</td><td>MM N O QQ</td><td>RR S T UU</td></tr> + +<!-- The left-most "S" --> + <tr><td>V W X YYY</td><td>aa b c d</td><td>ee f g h</td></tr> + +<!-- The right-most "S" --> + <tr><td>j k m nnn</td><td>qq r s t</td><td>uu v w x</td></tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-slr-029.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-slr-029.xht new file mode 100644 index 00000000000..439451272b0 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-slr-029.xht @@ -0,0 +1,90 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-lr - table rows progression (thead, 2 tbodies, tfoot)</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test row-progression-slr-029"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that rows of a table element with in a 'sideways-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells and table columns in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: sideways-lr; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + ]]></style> + </head> + + <body> + + <table> + + <thead> + +<!-- The "P" --> + <tr><td class="left-most-cell">AAA </td><td class="left-most-cell">BB C D EE</td><td class="left-most-cell">FF G H JJ</td></tr> + + </thead> + + <tfoot> + +<!-- The right-most "S" --> + <tr><td>j k m nnn</td><td>qq r s t</td><td>uu v w x</td></tr> + + </tfoot> + + <tbody> + +<!-- The "A" --> + <tr><td>KKK LLL</td><td>MM N O QQ</td><td>RR S T UU</td></tr> + + </tbody> + + <tbody> + +<!-- The left-most "S" --> + <tr><td>V W X YYY</td><td>aa b c d</td><td>ee f g h</td></tr> + + </tbody> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-srl-022.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-srl-022.xht new file mode 100644 index 00000000000..d8c4d820c5d --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-srl-022.xht @@ -0,0 +1,74 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-rl - table rows progression</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test row-progression-srl-022"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that rows of a table element with in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc..." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: sideways-rl; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + ]]></style> + </head> + + <body> + + <table> + +<!-- The right-most "S" --> + <tr><td>A B C DDD</td><td>EE F G H</td><td>JJ K L M</td></tr> + +<!-- The left-most "S" --> + <tr><td>N O Q RRR</td><td>SS T U V</td><td>WW X Y Z</td></tr> + +<!-- The "A" --> + <tr><td>aaa b c ddd</td><td>ee f g hh</td><td>jj kk</td></tr> + +<!-- The "P" --> + <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell"> vv</td></tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-srl-028.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-srl-028.xht new file mode 100644 index 00000000000..5415c788cea --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-srl-028.xht @@ -0,0 +1,89 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-rl - table rows progression (thead, 2 tbodies, tfoot)</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test row-progression-srl-028"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that rows of a table element with in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc..." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: sideways-rl; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + ]]></style> + </head> + + <body> + + <table> + + <thead> + +<!-- The right-most "S" --> + <tr><td>A B C DDD</td><td>EE F G H</td><td>JJ K L M</td></tr> + + </thead> + + <tfoot> + +<!-- The "P" --> + <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell"> vv</td></tr> + + </tfoot> + + <tbody> + +<!-- The left-most "S" --> + <tr><td>N O Q RRR</td><td>SS T U V</td><td>WW X Y Z</td></tr> + + </tbody> + + <tbody> +<!-- The "A" --> + <tr><td>aaa b c ddd</td><td>ee f g hh</td><td>jj kk</td></tr> + + </tbody> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-vlr-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-vlr-003.xht new file mode 100644 index 00000000000..3cb041fd5c3 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-vlr-003.xht @@ -0,0 +1,74 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: vertical-lr - table rows progression</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test row-progression-vlr-003"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc..." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-lr; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + ]]></style> + </head> + + <body> + + <table> + +<!-- The "P" --> + <tr><td class="left-most-cell">AAA B C DDD</td><td class="left-most-cell">EE F G H</td><td class="left-most-cell">JJ </td></tr> + +<!-- The "A" --> + <tr><td>KKK L M NNN</td><td>OO Q R SS</td><td>TT UU</td></tr> + +<!-- The left-most "S" --> + <tr><td>VVV W X Y </td><td>a b c dd</td><td> e f g hh</td></tr> + +<!-- The right-most "S" --> + <tr><td>jjj k m n </td><td>q r s tt</td><td> u v w xx</td></tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-vlr-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-vlr-005.xht new file mode 100644 index 00000000000..d25c6849a09 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-vlr-005.xht @@ -0,0 +1,74 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: vertical-lr - table rows progression and colspan</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test row-progression-vlr-005"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-lr; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + ]]></style> + </head> + + <body> + + <table> + +<!-- The "P" --> + <tr><td class="left-most-cell">AAA B C DDD</td><td class="left-most-cell">EE F G H</td><td class="left-most-cell">JJ </td></tr> + +<!-- The "A" --> + <tr><td colspan="2">KKKOO L Q M R NNNSS</td><td>TT UU</td></tr> + +<!-- The left-most "S" --> + <tr><td>VVV W X Y </td><td colspan="2">a b c d e f gggg</td></tr> + +<!-- The right-most "S" --> + <tr><td>jjj k m n </td><td>q r s tt</td><td> u v w xx</td></tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-vlr-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-vlr-007.xht new file mode 100644 index 00000000000..a1c70d8f894 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-vlr-007.xht @@ -0,0 +1,74 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: vertical-lr - table rows progression and rowspan</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test row-progression-vlr-007"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that rowspanned cells in a table are handled according to a left-to-right direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-lr; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + ]]></style> + </head> + + <body> + + <table> + +<!-- The "P" --> + <tr><td class="left-most-cell">AAA B C DDD</td><td class="left-most-cell">EE F G H</td><td class="left-most-cell" rowspan="2">JJ TT UU</td></tr> + +<!-- The "A" --> + <tr><td>KKK L M NNN</td><td>OO Q R SS</td></tr> + +<!-- The left-most "S" --> + <tr><td>VVV W X Y </td><td rowspan="2">a b c dd q r s tt</td><td> e f g hh</td></tr> + +<!-- The right-most "S" --> + <tr><td>jjj k m n </td><td> u v w xx</td></tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-vlr-009.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-vlr-009.xht new file mode 100644 index 00000000000..eee19fff32d --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-vlr-009.xht @@ -0,0 +1,90 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: vertical-lr - table rows progression (thead, 2 tbodies, tfoot)</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test row-progression-vlr-009"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-lr; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + ]]></style> + </head> + + <body> + + <table> + + <thead> + +<!-- The "P" --> + <tr><td class="left-most-cell">AAA B C DDD</td><td class="left-most-cell">EE F G H</td><td class="left-most-cell">JJ </td></tr> + + </thead> + + <tfoot> + +<!-- The right-most "S" --> + <tr><td>jjj k m n </td><td>q r s tt</td><td> u v w xx</td></tr> + + </tfoot> + + <tbody> + +<!-- The "A" --> + <tr><td>KKK L M NNN</td><td>OO Q R SS</td><td>TT UU</td></tr> + + </tbody> + + <tbody> + +<!-- The left-most "S" --> + <tr><td>VVV W X Y </td><td>a b c dd</td><td> e f g hh</td></tr> + + </tbody> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-vrl-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-vrl-002.xht new file mode 100644 index 00000000000..1dffcff226a --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-vrl-002.xht @@ -0,0 +1,74 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: vertical-rl - table rows progression</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test row-progression-vrl-002"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc..." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-rl; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + ]]></style> + </head> + + <body> + + <table> + +<!-- The right-most "S" --> + <tr><td>A B C DDD</td><td>EE F G H</td><td>JJ K L M</td></tr> + +<!-- The left-most "S" --> + <tr><td>N O Q RRR</td><td>SS T U V</td><td>WW X Y Z</td></tr> + +<!-- The "A" --> + <tr><td>aaa b c ddd</td><td>ee f g hh</td><td>jj kk</td></tr> + +<!-- The "P" --> + <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell"> vv</td></tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-vrl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-vrl-004.xht new file mode 100644 index 00000000000..721f26050b7 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-vrl-004.xht @@ -0,0 +1,74 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: vertical-rl - table rows progression and colspan</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test row-progression-vrl-004"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-rl; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + ]]></style> + </head> + + <body> + + <table> + +<!-- The right-most "S" --> + <tr><td>A B C DDD</td><td>EE F G H</td><td>JJ K L M</td></tr> + +<!-- The left-most "S" --> + <tr><td colspan="2">N OO Q R S T UUUU</td><td>WW X Y Z</td></tr> + +<!-- The "A" --> + <tr><td>aaa b c ddd</td><td colspan="2">eeff g h jjjj</td></tr> + +<!-- The "P" --> + <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell"> vv</td></tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-vrl-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-vrl-006.xht new file mode 100644 index 00000000000..d311a9f1734 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-vrl-006.xht @@ -0,0 +1,74 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: vertical-rl - table rows progression and rowspan</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test row-progression-vrl-006"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that rowspanned cells in a table are handled according to a right-to-left direction." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-rl; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + ]]></style> + </head> + + <body> + + <table> + +<!-- The right-most "S" --> + <tr><td>A B C DDD</td><td>EE F G H</td><td rowspan="2">JJ K L M WW X Y Z</td></tr> + +<!-- The left-most "S" --> + <tr><td>N O Q RRR</td><td>SS T U V</td></tr> + +<!-- The "A" --> + <tr><td>aaa b c ddd</td><td rowspan="2" class="left-most-cell">ee f g hh r s t uu</td><td>jj kk</td></tr> + +<!-- The "P" --> + <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell"> vv</td></tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-vrl-008.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-vrl-008.xht new file mode 100644 index 00000000000..cf2d090e19a --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/row-progression-vrl-008.xht @@ -0,0 +1,89 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: vertical-rl - table rows progression (thead, 2 tbodies, tfoot)</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test row-progression-vrl-008"; } + @bottom-right { content: counter(page); } + } +</style> + + <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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc..." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-rl; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + ]]></style> + </head> + + <body> + + <table> + + <thead> + +<!-- The right-most "S" --> + <tr><td>A B C DDD</td><td>EE F G H</td><td>JJ K L M</td></tr> + + </thead> + + <tfoot> + +<!-- The "P" --> + <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell"> vv</td></tr> + + </tfoot> + + <tbody> + +<!-- The left-most "S" --> + <tr><td>N O Q RRR</td><td>SS T U V</td><td>WW X Y Z</td></tr> + + </tbody> + + <tbody> +<!-- The "A" --> + <tr><td>aaa b c ddd</td><td>ee f g hh</td><td>jj kk</td></tr> + + </tbody> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/support/form-controls-slr.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/support/form-controls-srl.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/support/form-controls-vlr.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-slr-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-slr-001.xht new file mode 100644 index 00000000000..b7eb25ab734 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-slr-001.xht @@ -0,0 +1,134 @@ +<!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 Test: sideways-lr Table Row/Rowgroup/Cell Ordering</title> +<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> +<link href="reference/table-progression-slr-001-ref.xht" rel="match" /> +<meta content="This test checks that sideways-lr tables order rows/rowgroups left to right and cells bottom-to-top (LTR) or top-to-bottom (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups." name="assert" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> + +<style> + .test { + writing-mode: sideways-lr; + } + [dir=rtl] { + direction: rtl; + } + + table { + border-spacing: 0; + margin: 1em; + } + td { + width: 1em; + height: 1em; + border: solid gray; + } + + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + .purp { background: purple } + .pink { background: fuchsia } + .yllw { background: yellow } + .orng { background: orange } + + + /* These rules must have no effect. */ + .test thead, + .test tfoot, + .test tbody, + .test tr, + .test td { + writing-mode: horizontal-tb; /* For UAs not supporting vertical-rl */ + writing-mode: sideways-rl; + direction: rtl; + } + .test[dir=rtl] thead, + .test[dir=rtl] tfoot, + .test[dir=rtl] tbody, + .test[dir=rtl] tr, + .test[dir=rtl] td { + direction: ltr; + } +</style> + +</head><body><p>Test passes if the following three tables look identical. + +</p><table class="test"> + <thead> + <tr> + <td colspan="2"> + </td><td class="aqua"> + </td><td class="teal"> + </td></tr></thead><tfoot> + <tr> + <td class="navy"> + </td><td class="blue"> + </td><td colspan="2"> + </td></tr></tfoot><tbody> + <tr> + <td class="orng"> + </td><td colspan="3"> + </td></tr></tbody><tbody> + <tr> + <td rowspan="3"> + </td><td class="yllw"> + </td><td colspan="2" rowspan="2"> + </td></tr><tr> + <td class="pink"> + </td></tr><tr> + <td colspan="2"> + </td><td class="purp"> +</td></tr></tbody></table> + +<table class="test" dir="rtl"> + <thead> + <tr> + <td class="teal"> + </td><td class="aqua"> + </td><td colspan="2"> + </td></tr></thead><tfoot> + <tr> + <td colspan="2"> + </td><td class="blue"> + </td><td class="navy"> + </td></tr></tfoot><tbody> + <tr> + <td colspan="3"> + </td><td class="orng"> + </td></tr></tbody><tbody> + <tr> + <td colspan="2" rowspan="2"> + </td><td class="yllw"> + </td><td rowspan="3"> + </td></tr><tr> + <td class="pink"> + </td></tr><tr> + <td class="purp"> + </td><td colspan="2"> +</td></tr></tbody></table> + +<table class="reference"> + <tbody><tr> + <td class="teal"> + </td><td rowspan="3"> + </td><td colspan="2" rowspan="2"> + </td><td class="purp"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="aqua"> + </td><td rowspan="2"> + </td></tr><tr> + <td rowspan="2"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td class="blue"> + + </td></tr><tr> + <td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> +</td></tr></tbody></table> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-slr-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-slr-002.xht new file mode 100644 index 00000000000..4547ad37ba7 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-slr-002.xht @@ -0,0 +1,86 @@ +<!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 Test: sideways-lr Table Column/Colgroup Ordering</title> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> +<link href="reference/table-progression-002-ref.xht" rel="match" /> +<meta content="This test checks that sideways-lr tables order columns bottom-to-top (LTR) or top-to-bottom (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups." name="assert" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> + +<style> + .test { + writing-mode: sideways-lr; + } + [dir=rtl] { + direction: rtl; + } + + + table { + border-spacing: 0; + border: solid gray; + margin: 1em; + float: left; + } + td { + width: 1em; + height: 1em; + } + + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + + /* These declarations must have no effect. */ + .test col, + .test colgroup { + writing-mode: horizontal-tb; + writing-mode: sideways-rl; + direction: rtl; + } + .test[dir=rtl] col, + .test[dir=rtl] colgroup { + direction: ltr; + } +</style> + +</head><body><p>Test passes if the following patterned boxes all look identical. + +</p><table class="test"> + <colgroup><col span="2" class="aqua" /> + <col class="blue" /> + <col span="2" class="navy" /> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test"> + <colgroup span="2" class="aqua"></colgroup> + <colgroup> + <col class="blue" /> + <col span="2" class="navy" /> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> + +<table class="test" dir="rtl"> + <colgroup><col span="2" class="navy" /> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test" dir="rtl"> + <colgroup span="2" class="navy"></colgroup> + <colgroup> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> + +<table class="reference"> + <tbody><tr><td class="navy"> + </td></tr><tr><td class="navy"> + </td></tr><tr><td class="blue"> + </td></tr><tr><td class="aqua"> + </td></tr><tr><td class="aqua"> +</td></tr></tbody></table> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-srl-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-srl-001.xht new file mode 100644 index 00000000000..e56a3c35f7d --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-srl-001.xht @@ -0,0 +1,132 @@ +<!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 Test: sideways-rl Table Row/Rowgroup/Cell Ordering</title> +<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> +<link href="reference/table-progression-001-ref.xht" rel="match" /> +<meta content="This test checks that sideways-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups." name="assert" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> + +<style> + .test { + writing-mode: sideways-rl; + } + [dir=rtl] { + direction: rtl; + } + + table { + border-spacing: 0; + margin: 1em; + } + td { + width: 1em; + height: 1em; + border: solid gray; + } + + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + .purp { background: purple } + .pink { background: fuchsia } + .yllw { background: yellow } + .orng { background: orange } + + /* These rules must have no effect. */ + .test thead, + .test tfoot, + .test tbody, + .test tr, + .test td { + writing-mode: horizontal-tb; /* For UAs not supporting vertical-rl */ + writing-mode: sideways-lr; + direction: rtl; + } + .test[dir=rtl] thead, + .test[dir=rtl] tfoot, + .test[dir=rtl] tbody, + .test[dir=rtl] tr, + .test[dir=rtl] td { + direction: ltr; + } +</style> + +</head><body><p>Test passes if the following three tables look identical. + +</p><table class="test"> + <thead> + <tr> + <td class="navy"> + </td><td class="blue"> + </td><td colspan="2"> + </td></tr></thead><tfoot> + <tr> + <td colspan="2"> + </td><td class="aqua"> + </td><td class="teal"> + </td></tr></tfoot><tbody> + <tr> + <td rowspan="3"> + </td><td colspan="2"> + </td><td class="purp"> + </td></tr><tr> + <td class="pink"> + </td><td colspan="2" rowspan="2"> + </td></tr><tr> + <td class="yllw"> + </td></tr></tbody><tbody> + <tr> + <td class="orng"> + </td><td colspan="3"> +</td></tr></tbody></table> + +<table class="test" dir="rtl"> + <thead> + <tr> + <td colspan="2"> + </td><td class="blue"> + </td><td class="navy"> + </td></tr></thead><tfoot> + <tr> + <td class="teal"> + </td><td class="aqua"> + </td><td colspan="2"> + </td></tr></tfoot><tbody> + <tr> + <td class="purp"> + </td><td colspan="2"> + </td><td rowspan="3"> + </td></tr><tr> + <td colspan="2" rowspan="2"> + </td><td class="pink"> + </td></tr><tr> + <td class="yllw"> + </td></tr></tbody><tbody> + <tr> + <td colspan="3"> + </td><td class="orng"> +</td></tr></tbody></table> + +<table class="reference"> + <tbody><tr> + <td rowspan="2"> + </td><td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> + </td></tr><tr> + <td rowspan="3"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td rowspan="2"> + </td><td class="blue"> + </td></tr><tr> + <td class="aqua"> + </td><td colspan="2" rowspan="2"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="teal"> + </td><td class="purp"> +</td></tr></tbody></table> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-srl-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-srl-002.xht new file mode 100644 index 00000000000..f55a3778341 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-srl-002.xht @@ -0,0 +1,86 @@ +<!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 Test: sideways-rl Table Column/Colgroup Ordering</title> +<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> +<link href="reference/table-progression-002-ref.xht" rel="match" /> +<meta content="This test checks that sideways-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups." name="assert" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> + +<style> + .test { + writing-mode: sideways-rl; + } + [dir=rtl] { + direction: rtl; + } + + table { + border-spacing: 0; + border: solid gray; + margin: 1em; + float: left; + } + td { + width: 1em; + height: 1em; + } + + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + + /* These declarations must have no effect. */ + .test col, + .test colgroup { + writing-mode: horizontal-tb; + writing-mode: sideways-lr; + direction: rtl; + } + .test[dir=rtl] col, + .test[dir=rtl] colgroup { + direction: ltr; + } +</style> + +</head><body><p>Test passes if the following patterned boxes all look identical. + +</p><table class="test"> + <colgroup><col span="2" class="navy" /> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test"> + <colgroup span="2" class="navy"></colgroup> + <colgroup> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> + +<table class="test" dir="rtl"> + <colgroup><col span="2" class="aqua" /> + <col class="blue" /> + <col span="2" class="navy" /> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test" dir="rtl"> + <colgroup span="2" class="aqua"></colgroup> + <colgroup> + <col class="blue" /> + <col span="2" class="navy" /> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> + +<table class="reference"> + <tbody><tr><td class="navy"> + </td></tr><tr><td class="navy"> + </td></tr><tr><td class="blue"> + </td></tr><tr><td class="aqua"> + </td></tr><tr><td class="aqua"> +</td></tr></tbody></table> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-002.xht deleted file mode 100644 index 5c3e64ec0fb..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-002.xht +++ /dev/null @@ -1,50 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test text-baseline-002"; } - @bottom-right { content: counter(page); } - } -</style> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> - <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> - <link rel="match" href="reference/text-baseline-002-ref.xht" /> - <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline." /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - div#rl-mixed - { - color: orange; - font: 60px/1.5 Ahem; /* computes to 60px/90px */ - writing-mode: vertical-rl; - text-orientation: mixed; - } - - span#blue120 - { - color: blue; - font-size: 2em; /* computes to 120px */ - } - - span#orange30 - { - font-size: 0.5em; /* computes to 30px */ - } - ]]></style> - - </head> - - <body> - - <p>Test passes if 2 orange squares are centered with respect to a blue square.</p> - - <div id="rl-mixed">A<span id="blue120">B</span><span id="orange30">O</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-003.xht deleted file mode 100644 index 377558ebf3e..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-003.xht +++ /dev/null @@ -1,50 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test text-baseline-003"; } - @bottom-right { content: counter(page); } - } -</style> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> - <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> - <link rel="match" href="reference/text-baseline-002-ref.xht" /> - <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline." /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - div#lr-mixed - { - color: orange; - font: 60px/1.5 Ahem; /* computes to 60px/90px */ - writing-mode: vertical-lr; - text-orientation: mixed; - } - - span#blue120 - { - color: blue; - font-size: 2em; /* computes to 120px */ - } - - span#orange30 - { - font-size: 0.5em; /* computes to 30px */ - } - ]]></style> - - </head> - - <body> - - <p>Test passes if 2 orange squares are centered with respect to a blue square.</p> - - <div id="lr-mixed">A<span id="blue120">B</span><span id="orange30">O</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-004.xht deleted file mode 100644 index 5369f5c1d15..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-004.xht +++ /dev/null @@ -1,50 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test text-baseline-004"; } - @bottom-right { content: counter(page); } - } -</style> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> - <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> - <link rel="match" href="reference/text-baseline-002-ref.xht" /> - <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline." /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - div#rl-upright - { - color: orange; - font: 60px/1.5 Ahem; /* computes to 60px/90px */ - writing-mode: vertical-rl; - text-orientation: upright; - } - - span#blue120 - { - color: blue; - font-size: 2em; /* computes to 120px */ - } - - span#orange30 - { - font-size: 0.5em; /* computes to 30px */ - } - ]]></style> - - </head> - - <body> - - <p>Test passes if 2 orange squares are centered with respect to a blue square.</p> - - <div id="rl-upright">A<span id="blue120">B</span><span id="orange30">O</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-005.xht deleted file mode 100644 index 962b43b1640..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-005.xht +++ /dev/null @@ -1,50 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test text-baseline-005"; } - @bottom-right { content: counter(page); } - } -</style> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> - <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> - <link rel="match" href="reference/text-baseline-002-ref.xht" /> - <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline." /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - div#lr-upright - { - color: orange; - font: 60px/1.5 Ahem; /* computes to 60px/90px */ - writing-mode: vertical-lr; - text-orientation: upright; - } - - span#blue120 - { - color: blue; - font-size: 2em; /* computes to 120px */ - } - - span#orange30 - { - font-size: 0.5em; /* computes to 30px */ - } - ]]></style> - - </head> - - <body> - - <p>Test passes if 2 orange squares are centered with respect to a blue square.</p> - - <div id="lr-upright">A<span id="blue120">B</span><span id="orange30">O</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-006.xht deleted file mode 100644 index c4d3b7c28a3..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-006.xht +++ /dev/null @@ -1,49 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test text-baseline-006"; } - @bottom-right { content: counter(page); } - } -</style> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> - <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> - <link rel="match" href="reference/text-baseline-006-ref.xht" /> - <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline." /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - div#rl-sideways - { - color: fuchsia; - font: 60px/1.5 Ahem; /* computes to 60px/90px */ - writing-mode: vertical-rl; - text-orientation: sideways; - } - - span#fuchsia120 - { - font-size: 2em; /* computes to 120px */ - } - - span#fuchsia30 - { - font-size: 0.5em; /* computes to 30px */ - } - ]]></style> - - </head> - - <body> - - <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div id="rl-sideways">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-007.xht deleted file mode 100644 index 499eb02f60d..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-007.xht +++ /dev/null @@ -1,49 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test text-baseline-007"; } - @bottom-right { content: counter(page); } - } -</style> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> - <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> - <link rel="match" href="reference/text-baseline-006-ref.xht" /> - <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline." /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - div#lr-sideways - { - color: fuchsia; - font: 60px/1.5 Ahem; /* computes to 60px/90px */ - writing-mode: vertical-lr; - text-orientation: sideways; - } - - span#fuchsia120 - { - font-size: 2em; /* computes to 120px */ - } - - span#fuchsia30 - { - font-size: 0.5em; /* computes to 30px */ - } - ]]></style> - - </head> - - <body> - - <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div id="lr-sideways">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-slr-009.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-slr-009.xht new file mode 100644 index 00000000000..906bad7d941 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-slr-009.xht @@ -0,0 +1,48 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test text-baseline-slr-009"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-slr-009-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'mixed', then the alphabetical baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#slr-mixed + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: sideways-lr; + text-orientation: mixed; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="slr-mixed"><span id="fuchsia30">É</span><span id="fuchsia120">É</span>É</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-slr-011.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-slr-011.xht new file mode 100644 index 00000000000..7c56e29e61a --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-slr-011.xht @@ -0,0 +1,48 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test text-baseline-slr-011"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-slr-009-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'upright', then the alphabetical baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#slr-upright + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: sideways-lr; + text-orientation: upright; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="slr-upright"><span id="fuchsia30">É</span><span id="fuchsia120">É</span>É</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-slr-013.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-slr-013.xht new file mode 100644 index 00000000000..c229b2ccea0 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-slr-013.xht @@ -0,0 +1,48 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test text-baseline-slr-013"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-slr-009-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#slr-sideways + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: sideways-lr; + text-orientation: sideways; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="slr-sideways"><span id="fuchsia30">É</span><span id="fuchsia120">É</span>É</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-srl-008.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-srl-008.xht new file mode 100644 index 00000000000..0a6c48ab6eb --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-srl-008.xht @@ -0,0 +1,48 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test text-baseline-srl-008"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-vrl-006-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'mixed', then the alphabetical baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#srl-mixed + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: sideways-rl; + text-orientation: mixed; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="srl-mixed">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-srl-010.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-srl-010.xht new file mode 100644 index 00000000000..831add5a306 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-srl-010.xht @@ -0,0 +1,48 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test text-baseline-srl-010"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-vrl-006-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'upright', then the alphabetical baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#srl-upright + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: sideways-rl; + text-orientation: upright; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="srl-upright">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-srl-012.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-srl-012.xht new file mode 100644 index 00000000000..b06ec9f7066 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-srl-012.xht @@ -0,0 +1,48 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test text-baseline-srl-012"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-vrl-006-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#srl-sideways + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: sideways-rl; + text-orientation: sideways; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="srl-sideways">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-vlr-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-vlr-003.xht new file mode 100644 index 00000000000..ee523970c55 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-vlr-003.xht @@ -0,0 +1,50 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test text-baseline-vlr-003"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-vrl-002-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#lr-mixed + { + color: orange; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: vertical-lr; + text-orientation: mixed; + } + + span#blue120 + { + color: blue; + font-size: 2em; /* computes to 120px */ + } + + span#orange30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if 2 orange squares are centered with respect to a blue square.</p> + + <div id="lr-mixed">A<span id="blue120">B</span><span id="orange30">O</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-vlr-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-vlr-005.xht new file mode 100644 index 00000000000..a07e2bc0b94 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-vlr-005.xht @@ -0,0 +1,50 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test text-baseline-vlr-005"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-vrl-002-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#lr-upright + { + color: orange; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: vertical-lr; + text-orientation: upright; + } + + span#blue120 + { + color: blue; + font-size: 2em; /* computes to 120px */ + } + + span#orange30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if 2 orange squares are centered with respect to a blue square.</p> + + <div id="lr-upright">A<span id="blue120">B</span><span id="orange30">O</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-vlr-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-vlr-007.xht new file mode 100644 index 00000000000..63e6f57a8e6 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-vlr-007.xht @@ -0,0 +1,49 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test text-baseline-vlr-007"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-vrl-006-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#lr-sideways + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: vertical-lr; + text-orientation: sideways; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="lr-sideways">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-vrl-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-vrl-002.xht new file mode 100644 index 00000000000..6f8170d19f2 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-vrl-002.xht @@ -0,0 +1,50 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test text-baseline-vrl-002"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-vrl-002-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#rl-mixed + { + color: orange; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: vertical-rl; + text-orientation: mixed; + } + + span#blue120 + { + color: blue; + font-size: 2em; /* computes to 120px */ + } + + span#orange30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if 2 orange squares are centered with respect to a blue square.</p> + + <div id="rl-mixed">A<span id="blue120">B</span><span id="orange30">O</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-vrl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-vrl-004.xht new file mode 100644 index 00000000000..0918ef14e48 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-vrl-004.xht @@ -0,0 +1,50 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test text-baseline-vrl-004"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-vrl-002-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#rl-upright + { + color: orange; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: vertical-rl; + text-orientation: upright; + } + + span#blue120 + { + color: blue; + font-size: 2em; /* computes to 120px */ + } + + span#orange30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if 2 orange squares are centered with respect to a blue square.</p> + + <div id="rl-upright">A<span id="blue120">B</span><span id="orange30">O</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-vrl-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-vrl-006.xht new file mode 100644 index 00000000000..b99690cb5c6 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-vrl-006.xht @@ -0,0 +1,49 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test text-baseline-vrl-006"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-vrl-006-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#rl-sideways + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: vertical-rl; + text-orientation: sideways; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="rl-sideways">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/toc.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/toc.xht index ff4f8a08074..de1ecbe1ff3 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/toc.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/toc.xht @@ -27,17 +27,17 @@ <tbody id="s2"> <tr><th><a href="chapter-2.xht">Chapter 2 - Inline Direction and Bidirectionality</a></th> - <td>(173 Tests)</td></tr> + <td>(177 Tests)</td></tr> </tbody> <tbody id="s3"> <tr><th><a href="chapter-3.xht">Chapter 3 - Introduction to Vertical Text</a></th> - <td>(113 Tests)</td></tr> + <td>(147 Tests)</td></tr> </tbody> <tbody id="s4"> <tr><th><a href="chapter-4.xht">Chapter 4 - Inline-level Alignment</a></th> - <td>(30 Tests)</td></tr> + <td>(36 Tests)</td></tr> </tbody> <tbody id="s5"> <tr><th><a href="chapter-5.xht">Chapter 5 - diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/writing-mode-parsing-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/writing-mode-parsing-001.xht index d69b1f2f735..7f14c00aa57 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/writing-mode-parsing-001.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/writing-mode-parsing-001.xht @@ -19,6 +19,7 @@ <div data-expected="horizontal-tb" style="writing-mode: initial"></div> <div data-expected="vertical-rl" style="writing-mode: inherit"></div> + <div data-expected="vertical-rl" style="writing-mode: horizontal-tb; writing-mode: inherit"></div> <div data-expected="vertical-rl" style="writing-mode: foo"></div> </div> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/writing-mode-stretch-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/writing-mode-stretch-001.xht deleted file mode 100644 index 98b02d346b1..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/writing-mode-stretch-001.xht +++ /dev/null @@ -1,57 +0,0 @@ -<!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 Test: writing-mode vertical-lr and vertical-rl</title> - <link href="mailto:mitsuteru.s@gmail.com" rel="author" title="Mitsuteru Sawa" /> - <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins Jr." /> - <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> - <link href="reference/writing-mode-stretch-001-ref.xht" rel="match" /> - <meta content="vertical-writing-mode flex items should stretch" name="assert" /> - <style> - .container { - display: flex; - width: 250px; - } - .vertical-rl { - writing-mode: vertical-rl; - } - .vertical-lr { - writing-mode: vertical-lr; - } - .item { - background-color: green; - } - .square { - height: 50px; - width: 50px; - } - .error { - position: absolute; - background-color: red; - height: 100px; - width: 250px; - z-index: -1; - } - </style> -</head> -<body> - <p>The test passes if you see a green rectangle and no red.</p> - <div class="test"> - <div class="error"></div> - <div class="container"> - <div class="horizontal item"> - <div class="square"></div> - <div class="square"></div> - </div> - <div class="vertical-rl item"> - <div class="square"></div> - <div class="square"></div> - </div> - <div class="vertical-lr item"> - <div class="square"></div> - <div class="square"></div> - </div> - </div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/html4/reference/support/form-controls-slr.png b/tests/wpt/css-tests/css21_dev/html4/reference/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/html4/reference/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css21_dev/html4/reference/support/form-controls-srl.png b/tests/wpt/css-tests/css21_dev/html4/reference/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/html4/reference/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css21_dev/html4/reference/support/form-controls-vlr.png b/tests/wpt/css-tests/css21_dev/html4/reference/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/html4/reference/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css21_dev/html4/support/form-controls-slr.png b/tests/wpt/css-tests/css21_dev/html4/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/html4/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css21_dev/html4/support/form-controls-srl.png b/tests/wpt/css-tests/css21_dev/html4/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/html4/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css21_dev/html4/support/form-controls-vlr.png b/tests/wpt/css-tests/css21_dev/html4/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/html4/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/reference/support/form-controls-slr.png b/tests/wpt/css-tests/css21_dev/xhtml1/reference/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1/reference/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/reference/support/form-controls-srl.png b/tests/wpt/css-tests/css21_dev/xhtml1/reference/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1/reference/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/reference/support/form-controls-vlr.png b/tests/wpt/css-tests/css21_dev/xhtml1/reference/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1/reference/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/support/form-controls-slr.png b/tests/wpt/css-tests/css21_dev/xhtml1/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/support/form-controls-srl.png b/tests/wpt/css-tests/css21_dev/xhtml1/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/support/form-controls-vlr.png b/tests/wpt/css-tests/css21_dev/xhtml1/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/reference/support/form-controls-slr.png b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/reference/support/form-controls-srl.png b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/reference/support/form-controls-vlr.png b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/support/form-controls-slr.png b/tests/wpt/css-tests/css21_dev/xhtml1print/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/support/form-controls-srl.png b/tests/wpt/css-tests/css21_dev/xhtml1print/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/support/form-controls-vlr.png b/tests/wpt/css-tests/css21_dev/xhtml1print/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/source_rev b/tests/wpt/css-tests/source_rev index fb5cb76ea58..aa093c4f3fd 100644 --- a/tests/wpt/css-tests/source_rev +++ b/tests/wpt/css-tests/source_rev @@ -1 +1 @@ -f37c9ed0b18fb3cbd1505e24c818f8769e4a4443
\ No newline at end of file +e8397cd64e271500629b4c5bf0c4fa2f11ccb138
\ No newline at end of file diff --git a/tests/wpt/metadata-css/MANIFEST.json b/tests/wpt/metadata-css/MANIFEST.json index ecb5275b19a..c8a6855aed6 100644 --- a/tests/wpt/metadata-css/MANIFEST.json +++ b/tests/wpt/metadata-css/MANIFEST.json @@ -14724,6 +14724,16 @@ "url": "/css-flexbox-1_dev/html/flexbox_align-items-stretch-2.htm" }, { + "path": "css-flexbox-1_dev/html/flexbox_align-items-stretch-writing-modes.htm", + "references": [ + [ + "/css-flexbox-1_dev/html/reference/flexbox_align-items-stretch-writing-modes-ref.htm", + "==" + ] + ], + "url": "/css-flexbox-1_dev/html/flexbox_align-items-stretch-writing-modes.htm" + }, + { "path": "css-flexbox-1_dev/html/flexbox_align-items-stretch.htm", "references": [ [ @@ -20004,6 +20014,16 @@ "url": "/css-flexbox-1_dev/xhtml1/flexbox_align-items-stretch-2.xht" }, { + "path": "css-flexbox-1_dev/xhtml1/flexbox_align-items-stretch-writing-modes.xht", + "references": [ + [ + "/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-stretch-writing-modes-ref.xht", + "==" + ] + ], + "url": "/css-flexbox-1_dev/xhtml1/flexbox_align-items-stretch-writing-modes.xht" + }, + { "path": "css-flexbox-1_dev/xhtml1/flexbox_align-items-stretch.xht", "references": [ [ @@ -25284,6 +25304,16 @@ "url": "/css-flexbox-1_dev/xhtml1print/flexbox_align-items-stretch-2.xht" }, { + "path": "css-flexbox-1_dev/xhtml1print/flexbox_align-items-stretch-writing-modes.xht", + "references": [ + [ + "/css-flexbox-1_dev/xhtml1print/reference/flexbox_align-items-stretch-writing-modes-ref.xht", + "==" + ] + ], + "url": "/css-flexbox-1_dev/xhtml1print/flexbox_align-items-stretch-writing-modes.xht" + }, + { "path": "css-flexbox-1_dev/xhtml1print/flexbox_align-items-stretch.xht", "references": [ [ @@ -32544,94 +32574,94 @@ "url": "/css-grid-1_dev/html/grid-margins-no-collapse-001.htm" }, { - "path": "css-grid-1_dev/html/grid-minimun-size-grid-items-001.htm", + "path": "css-grid-1_dev/html/grid-minimum-size-grid-items-001.htm", "references": [ [ "/css-grid-1_dev/html/reference/ref-filled-green-100px-square.htm", "==" ] ], - "url": "/css-grid-1_dev/html/grid-minimun-size-grid-items-001.htm" + "url": "/css-grid-1_dev/html/grid-minimum-size-grid-items-001.htm" }, { - "path": "css-grid-1_dev/html/grid-minimun-size-grid-items-002.htm", + "path": "css-grid-1_dev/html/grid-minimum-size-grid-items-002.htm", "references": [ [ "/css-grid-1_dev/html/reference/ref-filled-green-100px-square.htm", "==" ] ], - "url": "/css-grid-1_dev/html/grid-minimun-size-grid-items-002.htm" + "url": "/css-grid-1_dev/html/grid-minimum-size-grid-items-002.htm" }, { - "path": "css-grid-1_dev/html/grid-minimun-size-grid-items-003.htm", + "path": "css-grid-1_dev/html/grid-minimum-size-grid-items-003.htm", "references": [ [ "/css-grid-1_dev/html/reference/ref-filled-green-100px-square.htm", "==" ] ], - "url": "/css-grid-1_dev/html/grid-minimun-size-grid-items-003.htm" + "url": "/css-grid-1_dev/html/grid-minimum-size-grid-items-003.htm" }, { - "path": "css-grid-1_dev/html/grid-minimun-size-grid-items-004.htm", + "path": "css-grid-1_dev/html/grid-minimum-size-grid-items-004.htm", "references": [ [ "/css-grid-1_dev/html/reference/ref-filled-green-100px-square.htm", "==" ] ], - "url": "/css-grid-1_dev/html/grid-minimun-size-grid-items-004.htm" + "url": "/css-grid-1_dev/html/grid-minimum-size-grid-items-004.htm" }, { - "path": "css-grid-1_dev/html/grid-minimun-size-grid-items-005.htm", + "path": "css-grid-1_dev/html/grid-minimum-size-grid-items-005.htm", "references": [ [ "/css-grid-1_dev/html/reference/ref-filled-green-100px-square.htm", "==" ] ], - "url": "/css-grid-1_dev/html/grid-minimun-size-grid-items-005.htm" + "url": "/css-grid-1_dev/html/grid-minimum-size-grid-items-005.htm" }, { - "path": "css-grid-1_dev/html/grid-minimun-size-grid-items-006.htm", + "path": "css-grid-1_dev/html/grid-minimum-size-grid-items-006.htm", "references": [ [ "/css-grid-1_dev/html/reference/ref-filled-green-100px-square.htm", "==" ] ], - "url": "/css-grid-1_dev/html/grid-minimun-size-grid-items-006.htm" + "url": "/css-grid-1_dev/html/grid-minimum-size-grid-items-006.htm" }, { - "path": "css-grid-1_dev/html/grid-minimun-size-grid-items-007.htm", + "path": "css-grid-1_dev/html/grid-minimum-size-grid-items-007.htm", "references": [ [ "/css-grid-1_dev/html/reference/ref-filled-green-100px-square.htm", "==" ] ], - "url": "/css-grid-1_dev/html/grid-minimun-size-grid-items-007.htm" + "url": "/css-grid-1_dev/html/grid-minimum-size-grid-items-007.htm" }, { - "path": "css-grid-1_dev/html/grid-minimun-size-grid-items-008.htm", + "path": "css-grid-1_dev/html/grid-minimum-size-grid-items-008.htm", "references": [ [ "/css-grid-1_dev/html/reference/ref-filled-green-100px-square.htm", "==" ] ], - "url": "/css-grid-1_dev/html/grid-minimun-size-grid-items-008.htm" + "url": "/css-grid-1_dev/html/grid-minimum-size-grid-items-008.htm" }, { - "path": "css-grid-1_dev/html/grid-minimun-size-grid-items-009.htm", + "path": "css-grid-1_dev/html/grid-minimum-size-grid-items-009.htm", "references": [ [ "/css-grid-1_dev/html/reference/ref-filled-green-100px-square.htm", "==" ] ], - "url": "/css-grid-1_dev/html/grid-minimun-size-grid-items-009.htm" + "url": "/css-grid-1_dev/html/grid-minimum-size-grid-items-009.htm" }, { "path": "css-grid-1_dev/html/grid-multicol-001.htm", @@ -33514,94 +33544,94 @@ "url": "/css-grid-1_dev/xhtml1/grid-margins-no-collapse-001.xht" }, { - "path": "css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-001.xht", + "path": "css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-001.xht", "references": [ [ "/css-grid-1_dev/xhtml1/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-001.xht" + "url": "/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-001.xht" }, { - "path": "css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-002.xht", + "path": "css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-002.xht", "references": [ [ "/css-grid-1_dev/xhtml1/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-002.xht" + "url": "/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-002.xht" }, { - "path": "css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-003.xht", + "path": "css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-003.xht", "references": [ [ "/css-grid-1_dev/xhtml1/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-003.xht" + "url": "/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-003.xht" }, { - "path": "css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-004.xht", + "path": "css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-004.xht", "references": [ [ "/css-grid-1_dev/xhtml1/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-004.xht" + "url": "/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-004.xht" }, { - "path": "css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-005.xht", + "path": "css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-005.xht", "references": [ [ "/css-grid-1_dev/xhtml1/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-005.xht" + "url": "/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-005.xht" }, { - "path": "css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-006.xht", + "path": "css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-006.xht", "references": [ [ "/css-grid-1_dev/xhtml1/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-006.xht" + "url": "/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-006.xht" }, { - "path": "css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-007.xht", + "path": "css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-007.xht", "references": [ [ "/css-grid-1_dev/xhtml1/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-007.xht" + "url": "/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-007.xht" }, { - "path": "css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-008.xht", + "path": "css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-008.xht", "references": [ [ "/css-grid-1_dev/xhtml1/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-008.xht" + "url": "/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-008.xht" }, { - "path": "css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-009.xht", + "path": "css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-009.xht", "references": [ [ "/css-grid-1_dev/xhtml1/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-009.xht" + "url": "/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-009.xht" }, { "path": "css-grid-1_dev/xhtml1/grid-multicol-001.xht", @@ -34484,94 +34514,94 @@ "url": "/css-grid-1_dev/xhtml1print/grid-margins-no-collapse-001.xht" }, { - "path": "css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-001.xht", + "path": "css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-001.xht", "references": [ [ "/css-grid-1_dev/xhtml1print/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-001.xht" + "url": "/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-001.xht" }, { - "path": "css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-002.xht", + "path": "css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-002.xht", "references": [ [ "/css-grid-1_dev/xhtml1print/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-002.xht" + "url": "/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-002.xht" }, { - "path": "css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-003.xht", + "path": "css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-003.xht", "references": [ [ "/css-grid-1_dev/xhtml1print/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-003.xht" + "url": "/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-003.xht" }, { - "path": "css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-004.xht", + "path": "css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-004.xht", "references": [ [ "/css-grid-1_dev/xhtml1print/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-004.xht" + "url": "/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-004.xht" }, { - "path": "css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-005.xht", + "path": "css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-005.xht", "references": [ [ "/css-grid-1_dev/xhtml1print/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-005.xht" + "url": "/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-005.xht" }, { - "path": "css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-006.xht", + "path": "css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-006.xht", "references": [ [ "/css-grid-1_dev/xhtml1print/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-006.xht" + "url": "/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-006.xht" }, { - "path": "css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-007.xht", + "path": "css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-007.xht", "references": [ [ "/css-grid-1_dev/xhtml1print/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-007.xht" + "url": "/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-007.xht" }, { - "path": "css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-008.xht", + "path": "css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-008.xht", "references": [ [ "/css-grid-1_dev/xhtml1print/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-008.xht" + "url": "/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-008.xht" }, { - "path": "css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-009.xht", + "path": "css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-009.xht", "references": [ [ "/css-grid-1_dev/xhtml1print/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-009.xht" + "url": "/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-009.xht" }, { "path": "css-grid-1_dev/xhtml1print/grid-multicol-001.xht", @@ -118112,494 +118142,494 @@ "url": "/css-writing-modes-3_dev/html/block-embed-003.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-001.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-004.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-001.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-004.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-002.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-htb-001.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-002.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-htb-001.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-003.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-slr-043.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-003.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-slr-043.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-004.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-slr-047.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-004.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-slr-047.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-005.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-slr-048.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-005.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-slr-048.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-006.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-slr-050.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-006.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-slr-050.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-007.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-slr-054.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-007.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-slr-054.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-008.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-slr-055.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-008.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-slr-055.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-009.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-slr-056.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-009.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-slr-056.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-010.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-slr-058.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-010.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-slr-058.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-011.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-slr-060.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-011.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-slr-060.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-012.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-slr-062.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-012.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-slr-062.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-013.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-slr-063.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-013.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-slr-063.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-014.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-slr-066.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-066-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-014.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-slr-066.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-015.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-srl-042.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-015.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-srl-042.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-016.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-srl-045.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-016.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-srl-045.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-017.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-srl-046.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-017.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-srl-046.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-018.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-srl-049.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-018.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-srl-049.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-019.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-srl-051.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-019.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-srl-051.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-020.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-srl-052.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-020.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-srl-052.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-021.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-srl-053.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-021.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-srl-053.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-022.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-srl-057.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-022.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-srl-057.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-023.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-srl-059.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-023.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-srl-059.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-024.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-srl-061.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-024.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-srl-061.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-025.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-srl-064.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-025-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-025.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-srl-064.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-042.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-srl-065.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-025-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-042.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-srl-065.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-043.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vlr-003.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-043.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vlr-003.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-045.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vlr-007.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-045.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vlr-007.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-046.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vlr-008.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-046.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vlr-008.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-047.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vlr-010.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-047.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vlr-010.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-048.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vlr-014.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-048.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vlr-014.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-049.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vlr-015.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-049.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vlr-015.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-050.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vlr-016.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-050.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vlr-016.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-051.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vlr-018.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-051.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vlr-018.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-052.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vlr-020.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-052.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vlr-020.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-053.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vlr-022.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-053.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vlr-022.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-054.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vlr-023.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-054.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vlr-023.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-055.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vrl-002.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-055.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vrl-002.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-056.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vrl-005.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-056.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vrl-005.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-057.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vrl-006.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-057.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vrl-006.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-058.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vrl-009.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-058.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vrl-009.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-059.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vrl-011.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-059.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vrl-011.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-060.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vrl-012.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-060.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vrl-012.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-061.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vrl-013.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-061.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vrl-013.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-062.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vrl-017.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-062.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vrl-017.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-063.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vrl-019.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-063.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vrl-019.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-064.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vrl-021.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-064.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vrl-021.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-065.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vrl-024.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-025-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-065.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vrl-024.htm" }, { - "path": "css-writing-modes-3_dev/html/block-flow-direction-066.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vrl-025.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-066-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-025-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-066.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vrl-025.htm" }, { "path": "css-writing-modes-3_dev/html/block-override-001.htm", @@ -119522,6 +119552,16 @@ "url": "/css-writing-modes-3_dev/html/flexbox-writing-mode-009.htm" }, { + "path": "css-writing-modes-3_dev/html/flexbox_align-items-stretch-writing-modes.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/flexbox_align-items-stretch-writing-modes-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/flexbox_align-items-stretch-writing-modes.htm" + }, + { "path": "css-writing-modes-3_dev/html/float-clear-vlr-003.htm", "references": [ [ @@ -120226,194 +120266,374 @@ "url": "/css-writing-modes-3_dev/html/inline-table-alignment-005.htm" }, { - "path": "css-writing-modes-3_dev/html/line-box-direction-001.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-htb-001.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-001.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-htb-001.htm" + }, + { + "path": "css-writing-modes-3_dev/html/line-box-direction-slr-043.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-slr-043.htm" + }, + { + "path": "css-writing-modes-3_dev/html/line-box-direction-slr-047.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-slr-047.htm" + }, + { + "path": "css-writing-modes-3_dev/html/line-box-direction-slr-048.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-slr-048.htm" }, { - "path": "css-writing-modes-3_dev/html/line-box-direction-002.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-slr-050.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-002.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-slr-050.htm" }, { - "path": "css-writing-modes-3_dev/html/line-box-direction-003.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-slr-053.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-003.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-slr-053.htm" }, { - "path": "css-writing-modes-3_dev/html/line-box-direction-005.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-slr-054.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-005.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-slr-054.htm" }, { - "path": "css-writing-modes-3_dev/html/line-box-direction-006.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-slr-056.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-006.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-slr-056.htm" }, { - "path": "css-writing-modes-3_dev/html/line-box-direction-007.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-slr-058.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-slr-058.htm" + }, + { + "path": "css-writing-modes-3_dev/html/line-box-direction-slr-060.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-slr-060.htm" + }, + { + "path": "css-writing-modes-3_dev/html/line-box-direction-srl-042.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-srl-042.htm" + }, + { + "path": "css-writing-modes-3_dev/html/line-box-direction-srl-045.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-srl-045.htm" + }, + { + "path": "css-writing-modes-3_dev/html/line-box-direction-srl-046.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-srl-046.htm" + }, + { + "path": "css-writing-modes-3_dev/html/line-box-direction-srl-049.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-srl-049.htm" + }, + { + "path": "css-writing-modes-3_dev/html/line-box-direction-srl-051.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-srl-051.htm" + }, + { + "path": "css-writing-modes-3_dev/html/line-box-direction-srl-052.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-srl-052.htm" + }, + { + "path": "css-writing-modes-3_dev/html/line-box-direction-srl-055.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-srl-055.htm" + }, + { + "path": "css-writing-modes-3_dev/html/line-box-direction-srl-057.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-srl-057.htm" + }, + { + "path": "css-writing-modes-3_dev/html/line-box-direction-srl-059.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-srl-059.htm" + }, + { + "path": "css-writing-modes-3_dev/html/line-box-direction-vlr-003.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-vlr-003.htm" + }, + { + "path": "css-writing-modes-3_dev/html/line-box-direction-vlr-007.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-007.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-vlr-007.htm" }, { - "path": "css-writing-modes-3_dev/html/line-box-direction-008.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-vlr-008.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-008.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-vlr-008.htm" }, { - "path": "css-writing-modes-3_dev/html/line-box-direction-009.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-vlr-010.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-009.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-vlr-010.htm" }, { - "path": "css-writing-modes-3_dev/html/line-box-direction-010.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-vlr-013.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-010.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-vlr-013.htm" }, { - "path": "css-writing-modes-3_dev/html/line-box-direction-011.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-vlr-014.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-011.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-vlr-014.htm" }, { - "path": "css-writing-modes-3_dev/html/line-box-direction-012.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-vlr-016.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-012.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-vlr-016.htm" }, { - "path": "css-writing-modes-3_dev/html/line-box-direction-013.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-vlr-018.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-013.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-vlr-018.htm" }, { - "path": "css-writing-modes-3_dev/html/line-box-direction-014.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-vlr-020.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-014.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-vlr-020.htm" }, { - "path": "css-writing-modes-3_dev/html/line-box-direction-015.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-vrl-002.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-015.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-vrl-002.htm" }, { - "path": "css-writing-modes-3_dev/html/line-box-direction-016.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-vrl-005.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-016.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-vrl-005.htm" }, { - "path": "css-writing-modes-3_dev/html/line-box-direction-017.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-vrl-006.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-017.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-vrl-006.htm" }, { - "path": "css-writing-modes-3_dev/html/line-box-direction-018.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-vrl-009.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-018.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-vrl-009.htm" }, { - "path": "css-writing-modes-3_dev/html/line-box-direction-019.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-vrl-011.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-019.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-vrl-011.htm" }, { - "path": "css-writing-modes-3_dev/html/line-box-direction-020.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-vrl-012.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-020.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-vrl-012.htm" + }, + { + "path": "css-writing-modes-3_dev/html/line-box-direction-vrl-015.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-vrl-015.htm" + }, + { + "path": "css-writing-modes-3_dev/html/line-box-direction-vrl-017.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-vrl-017.htm" + }, + { + "path": "css-writing-modes-3_dev/html/line-box-direction-vrl-019.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-vrl-019.htm" }, { "path": "css-writing-modes-3_dev/html/line-box-height-vlr-003.htm", @@ -120906,84 +121126,124 @@ "url": "/css-writing-modes-3_dev/html/percent-padding-vrl-006.htm" }, { - "path": "css-writing-modes-3_dev/html/row-progression-002.htm", + "path": "css-writing-modes-3_dev/html/row-progression-slr-023.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/row-progression-slr-023.htm" + }, + { + "path": "css-writing-modes-3_dev/html/row-progression-slr-029.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/row-progression-slr-029.htm" + }, + { + "path": "css-writing-modes-3_dev/html/row-progression-srl-022.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/row-progression-srl-022.htm" + }, + { + "path": "css-writing-modes-3_dev/html/row-progression-srl-028.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/row-progression-002.htm" + "url": "/css-writing-modes-3_dev/html/row-progression-srl-028.htm" }, { - "path": "css-writing-modes-3_dev/html/row-progression-003.htm", + "path": "css-writing-modes-3_dev/html/row-progression-vlr-003.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/row-progression-003.htm" + "url": "/css-writing-modes-3_dev/html/row-progression-vlr-003.htm" }, { - "path": "css-writing-modes-3_dev/html/row-progression-004.htm", + "path": "css-writing-modes-3_dev/html/row-progression-vlr-005.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/row-progression-004.htm" + "url": "/css-writing-modes-3_dev/html/row-progression-vlr-005.htm" }, { - "path": "css-writing-modes-3_dev/html/row-progression-005.htm", + "path": "css-writing-modes-3_dev/html/row-progression-vlr-007.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/row-progression-005.htm" + "url": "/css-writing-modes-3_dev/html/row-progression-vlr-007.htm" }, { - "path": "css-writing-modes-3_dev/html/row-progression-006.htm", + "path": "css-writing-modes-3_dev/html/row-progression-vlr-009.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/row-progression-006.htm" + "url": "/css-writing-modes-3_dev/html/row-progression-vlr-009.htm" }, { - "path": "css-writing-modes-3_dev/html/row-progression-007.htm", + "path": "css-writing-modes-3_dev/html/row-progression-vrl-002.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/row-progression-007.htm" + "url": "/css-writing-modes-3_dev/html/row-progression-vrl-002.htm" }, { - "path": "css-writing-modes-3_dev/html/row-progression-008.htm", + "path": "css-writing-modes-3_dev/html/row-progression-vrl-004.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/row-progression-008.htm" + "url": "/css-writing-modes-3_dev/html/row-progression-vrl-004.htm" }, { - "path": "css-writing-modes-3_dev/html/row-progression-009.htm", + "path": "css-writing-modes-3_dev/html/row-progression-vrl-006.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/row-progression-009.htm" + "url": "/css-writing-modes-3_dev/html/row-progression-vrl-006.htm" + }, + { + "path": "css-writing-modes-3_dev/html/row-progression-vrl-008.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/row-progression-vrl-008.htm" }, { "path": "css-writing-modes-3_dev/html/table-column-order-002.htm", @@ -121026,6 +121286,46 @@ "url": "/css-writing-modes-3_dev/html/table-column-order-005.htm" }, { + "path": "css-writing-modes-3_dev/html/table-progression-slr-001.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/table-progression-slr-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/table-progression-slr-001.htm" + }, + { + "path": "css-writing-modes-3_dev/html/table-progression-slr-002.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/table-progression-002-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/table-progression-slr-002.htm" + }, + { + "path": "css-writing-modes-3_dev/html/table-progression-srl-001.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/table-progression-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/table-progression-srl-001.htm" + }, + { + "path": "css-writing-modes-3_dev/html/table-progression-srl-002.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/table-progression-002-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/table-progression-srl-002.htm" + }, + { "path": "css-writing-modes-3_dev/html/table-progression-vlr-001.htm", "references": [ [ @@ -121286,64 +121586,124 @@ "url": "/css-writing-modes-3_dev/html/text-align-vrl-018.htm" }, { - "path": "css-writing-modes-3_dev/html/text-baseline-002.htm", + "path": "css-writing-modes-3_dev/html/text-baseline-slr-009.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/text-baseline-002-ref.htm", + "/css-writing-modes-3_dev/html/reference/text-baseline-slr-009-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/text-baseline-002.htm" + "url": "/css-writing-modes-3_dev/html/text-baseline-slr-009.htm" }, { - "path": "css-writing-modes-3_dev/html/text-baseline-003.htm", + "path": "css-writing-modes-3_dev/html/text-baseline-slr-011.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/text-baseline-002-ref.htm", + "/css-writing-modes-3_dev/html/reference/text-baseline-slr-009-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/text-baseline-003.htm" + "url": "/css-writing-modes-3_dev/html/text-baseline-slr-011.htm" }, { - "path": "css-writing-modes-3_dev/html/text-baseline-004.htm", + "path": "css-writing-modes-3_dev/html/text-baseline-slr-013.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/text-baseline-002-ref.htm", + "/css-writing-modes-3_dev/html/reference/text-baseline-slr-009-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/text-baseline-004.htm" + "url": "/css-writing-modes-3_dev/html/text-baseline-slr-013.htm" }, { - "path": "css-writing-modes-3_dev/html/text-baseline-005.htm", + "path": "css-writing-modes-3_dev/html/text-baseline-srl-008.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/text-baseline-002-ref.htm", + "/css-writing-modes-3_dev/html/reference/text-baseline-vrl-006-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/text-baseline-005.htm" + "url": "/css-writing-modes-3_dev/html/text-baseline-srl-008.htm" }, { - "path": "css-writing-modes-3_dev/html/text-baseline-006.htm", + "path": "css-writing-modes-3_dev/html/text-baseline-srl-010.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/text-baseline-006-ref.htm", + "/css-writing-modes-3_dev/html/reference/text-baseline-vrl-006-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/text-baseline-006.htm" + "url": "/css-writing-modes-3_dev/html/text-baseline-srl-010.htm" }, { - "path": "css-writing-modes-3_dev/html/text-baseline-007.htm", + "path": "css-writing-modes-3_dev/html/text-baseline-srl-012.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/text-baseline-006-ref.htm", + "/css-writing-modes-3_dev/html/reference/text-baseline-vrl-006-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/text-baseline-007.htm" + "url": "/css-writing-modes-3_dev/html/text-baseline-srl-012.htm" + }, + { + "path": "css-writing-modes-3_dev/html/text-baseline-vlr-003.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/text-baseline-vrl-002-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/text-baseline-vlr-003.htm" + }, + { + "path": "css-writing-modes-3_dev/html/text-baseline-vlr-005.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/text-baseline-vrl-002-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/text-baseline-vlr-005.htm" + }, + { + "path": "css-writing-modes-3_dev/html/text-baseline-vlr-007.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/text-baseline-vrl-006-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/text-baseline-vlr-007.htm" + }, + { + "path": "css-writing-modes-3_dev/html/text-baseline-vrl-002.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/text-baseline-vrl-002-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/text-baseline-vrl-002.htm" + }, + { + "path": "css-writing-modes-3_dev/html/text-baseline-vrl-004.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/text-baseline-vrl-002-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/text-baseline-vrl-004.htm" + }, + { + "path": "css-writing-modes-3_dev/html/text-baseline-vrl-006.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/text-baseline-vrl-006-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/text-baseline-vrl-006.htm" }, { "path": "css-writing-modes-3_dev/html/text-combine-upright-decorations-001.htm", @@ -122070,16 +122430,6 @@ "url": "/css-writing-modes-3_dev/html/writing-mode-horizontal-001r.htm" }, { - "path": "css-writing-modes-3_dev/html/writing-mode-stretch-001.htm", - "references": [ - [ - "/css-writing-modes-3_dev/html/reference/writing-mode-stretch-001-ref.htm", - "==" - ] - ], - "url": "/css-writing-modes-3_dev/html/writing-mode-stretch-001.htm" - }, - { "path": "css-writing-modes-3_dev/html/writing-mode-vertical-lr-002.htm", "references": [ [ @@ -125860,34 +126210,34 @@ "url": "/css-writing-modes-3_dev/xhtml1/block-embed-003.xht" }, { - "path": "css-writing-modes-3_dev/xhtml1/block-flow-direction-025.xht", + "path": "css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-066.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-025-ref.xht", + "/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-066-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1/block-flow-direction-025.xht" + "url": "/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-066.xht" }, { - "path": "css-writing-modes-3_dev/xhtml1/block-flow-direction-065.xht", + "path": "css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-065.xht", "references": [ [ "/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-025-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1/block-flow-direction-065.xht" + "url": "/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-065.xht" }, { - "path": "css-writing-modes-3_dev/xhtml1/block-flow-direction-066.xht", + "path": "css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-025.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-066-ref.xht", + "/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-025-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1/block-flow-direction-066.xht" + "url": "/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-025.xht" }, { "path": "css-writing-modes-3_dev/xhtml1/block-override-001.xht", @@ -126800,6 +127150,16 @@ "url": "/css-writing-modes-3_dev/xhtml1/flexbox-writing-mode-009.xht" }, { + "path": "css-writing-modes-3_dev/xhtml1/flexbox_align-items-stretch-writing-modes.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/flexbox_align-items-stretch-writing-modes-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/flexbox_align-items-stretch-writing-modes.xht" + }, + { "path": "css-writing-modes-3_dev/xhtml1/float-clear-vlr-003.xht", "references": [ [ @@ -127994,6 +128354,46 @@ "url": "/css-writing-modes-3_dev/xhtml1/percent-padding-vrl-006.xht" }, { + "path": "css-writing-modes-3_dev/xhtml1/table-progression-slr-001.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/table-progression-slr-001-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/table-progression-slr-001.xht" + }, + { + "path": "css-writing-modes-3_dev/xhtml1/table-progression-slr-002.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/table-progression-002-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/table-progression-slr-002.xht" + }, + { + "path": "css-writing-modes-3_dev/xhtml1/table-progression-srl-001.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/table-progression-001-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/table-progression-srl-001.xht" + }, + { + "path": "css-writing-modes-3_dev/xhtml1/table-progression-srl-002.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/table-progression-002-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/table-progression-srl-002.xht" + }, + { "path": "css-writing-modes-3_dev/xhtml1/table-progression-vlr-001.xht", "references": [ [ @@ -128254,64 +128654,124 @@ "url": "/css-writing-modes-3_dev/xhtml1/text-align-vrl-018.xht" }, { - "path": "css-writing-modes-3_dev/xhtml1/text-baseline-002.xht", + "path": "css-writing-modes-3_dev/xhtml1/text-baseline-slr-009.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-slr-009-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-slr-009.xht" + }, + { + "path": "css-writing-modes-3_dev/xhtml1/text-baseline-slr-011.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-slr-009-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-slr-011.xht" + }, + { + "path": "css-writing-modes-3_dev/xhtml1/text-baseline-slr-013.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-slr-009-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-slr-013.xht" + }, + { + "path": "css-writing-modes-3_dev/xhtml1/text-baseline-srl-008.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-006-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-srl-008.xht" + }, + { + "path": "css-writing-modes-3_dev/xhtml1/text-baseline-srl-010.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-006-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-srl-010.xht" + }, + { + "path": "css-writing-modes-3_dev/xhtml1/text-baseline-srl-012.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-002-ref.xht", + "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-006-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-002.xht" + "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-srl-012.xht" }, { - "path": "css-writing-modes-3_dev/xhtml1/text-baseline-003.xht", + "path": "css-writing-modes-3_dev/xhtml1/text-baseline-vlr-003.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-002-ref.xht", + "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-002-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-003.xht" + "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-vlr-003.xht" }, { - "path": "css-writing-modes-3_dev/xhtml1/text-baseline-004.xht", + "path": "css-writing-modes-3_dev/xhtml1/text-baseline-vlr-005.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-002-ref.xht", + "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-002-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-004.xht" + "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-vlr-005.xht" }, { - "path": "css-writing-modes-3_dev/xhtml1/text-baseline-005.xht", + "path": "css-writing-modes-3_dev/xhtml1/text-baseline-vlr-007.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-002-ref.xht", + "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-006-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-005.xht" + "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-vlr-007.xht" }, { - "path": "css-writing-modes-3_dev/xhtml1/text-baseline-006.xht", + "path": "css-writing-modes-3_dev/xhtml1/text-baseline-vrl-002.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-006-ref.xht", + "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-002-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-006.xht" + "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-vrl-002.xht" }, { - "path": "css-writing-modes-3_dev/xhtml1/text-baseline-007.xht", + "path": "css-writing-modes-3_dev/xhtml1/text-baseline-vrl-004.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-006-ref.xht", + "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-002-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-007.xht" + "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-vrl-004.xht" + }, + { + "path": "css-writing-modes-3_dev/xhtml1/text-baseline-vrl-006.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-006-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-vrl-006.xht" }, { "path": "css-writing-modes-3_dev/xhtml1/text-combine-upright-decorations-001.xht", @@ -129028,16 +129488,6 @@ "url": "/css-writing-modes-3_dev/xhtml1/writing-mode-horizontal-001r.xht" }, { - "path": "css-writing-modes-3_dev/xhtml1/writing-mode-stretch-001.xht", - "references": [ - [ - "/css-writing-modes-3_dev/xhtml1/reference/writing-mode-stretch-001-ref.xht", - "==" - ] - ], - "url": "/css-writing-modes-3_dev/xhtml1/writing-mode-stretch-001.xht" - }, - { "path": "css-writing-modes-3_dev/xhtml1/writing-mode-vertical-lr-002.xht", "references": [ [ @@ -132808,34 +133258,34 @@ "url": "/css-writing-modes-3_dev/xhtml1print/block-embed-003.xht" }, { - "path": "css-writing-modes-3_dev/xhtml1print/block-flow-direction-025.xht", + "path": "css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-066.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-025-ref.xht", + "/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-066-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1print/block-flow-direction-025.xht" + "url": "/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-066.xht" }, { - "path": "css-writing-modes-3_dev/xhtml1print/block-flow-direction-065.xht", + "path": "css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-065.xht", "references": [ [ "/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-025-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1print/block-flow-direction-065.xht" + "url": "/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-065.xht" }, { - "path": "css-writing-modes-3_dev/xhtml1print/block-flow-direction-066.xht", + "path": "css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-025.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-066-ref.xht", + "/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-025-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1print/block-flow-direction-066.xht" + "url": "/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-025.xht" }, { "path": "css-writing-modes-3_dev/xhtml1print/block-override-001.xht", @@ -133748,6 +134198,16 @@ "url": "/css-writing-modes-3_dev/xhtml1print/flexbox-writing-mode-009.xht" }, { + "path": "css-writing-modes-3_dev/xhtml1print/flexbox_align-items-stretch-writing-modes.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/flexbox_align-items-stretch-writing-modes-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/flexbox_align-items-stretch-writing-modes.xht" + }, + { "path": "css-writing-modes-3_dev/xhtml1print/float-clear-vlr-003.xht", "references": [ [ @@ -134942,6 +135402,46 @@ "url": "/css-writing-modes-3_dev/xhtml1print/percent-padding-vrl-006.xht" }, { + "path": "css-writing-modes-3_dev/xhtml1print/table-progression-slr-001.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/table-progression-slr-001-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/table-progression-slr-001.xht" + }, + { + "path": "css-writing-modes-3_dev/xhtml1print/table-progression-slr-002.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/table-progression-002-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/table-progression-slr-002.xht" + }, + { + "path": "css-writing-modes-3_dev/xhtml1print/table-progression-srl-001.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/table-progression-001-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/table-progression-srl-001.xht" + }, + { + "path": "css-writing-modes-3_dev/xhtml1print/table-progression-srl-002.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/table-progression-002-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/table-progression-srl-002.xht" + }, + { "path": "css-writing-modes-3_dev/xhtml1print/table-progression-vlr-001.xht", "references": [ [ @@ -135202,64 +135702,124 @@ "url": "/css-writing-modes-3_dev/xhtml1print/text-align-vrl-018.xht" }, { - "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-002.xht", + "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-slr-009.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-002-ref.xht", + "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-slr-009-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-002.xht" + "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-slr-009.xht" }, { - "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-003.xht", + "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-slr-011.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-002-ref.xht", + "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-slr-009-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-003.xht" + "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-slr-011.xht" }, { - "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-004.xht", + "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-slr-013.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-002-ref.xht", + "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-slr-009-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-004.xht" + "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-slr-013.xht" }, { - "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-005.xht", + "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-srl-008.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-002-ref.xht", + "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-006-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-005.xht" + "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-srl-008.xht" }, { - "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-006.xht", + "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-srl-010.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-006-ref.xht", + "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-006-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-006.xht" + "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-srl-010.xht" }, { - "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-007.xht", + "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-srl-012.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-006-ref.xht", + "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-006-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-007.xht" + "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-srl-012.xht" + }, + { + "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-vlr-003.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-002-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-vlr-003.xht" + }, + { + "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-vlr-005.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-002-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-vlr-005.xht" + }, + { + "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-vlr-007.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-006-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-vlr-007.xht" + }, + { + "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-vrl-002.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-002-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-vrl-002.xht" + }, + { + "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-vrl-004.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-002-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-vrl-004.xht" + }, + { + "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-vrl-006.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-006-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-vrl-006.xht" }, { "path": "css-writing-modes-3_dev/xhtml1print/text-combine-upright-decorations-001.xht", @@ -135976,16 +136536,6 @@ "url": "/css-writing-modes-3_dev/xhtml1print/writing-mode-horizontal-001r.xht" }, { - "path": "css-writing-modes-3_dev/xhtml1print/writing-mode-stretch-001.xht", - "references": [ - [ - "/css-writing-modes-3_dev/xhtml1print/reference/writing-mode-stretch-001-ref.xht", - "==" - ] - ], - "url": "/css-writing-modes-3_dev/xhtml1print/writing-mode-stretch-001.xht" - }, - { "path": "css-writing-modes-3_dev/xhtml1print/writing-mode-vertical-lr-002.xht", "references": [ [ @@ -343619,6 +344169,18 @@ "url": "/css-flexbox-1_dev/html/flexbox_align-items-stretch-2.htm" } ], + "css-flexbox-1_dev/html/flexbox_align-items-stretch-writing-modes.htm": [ + { + "path": "css-flexbox-1_dev/html/flexbox_align-items-stretch-writing-modes.htm", + "references": [ + [ + "/css-flexbox-1_dev/html/reference/flexbox_align-items-stretch-writing-modes-ref.htm", + "==" + ] + ], + "url": "/css-flexbox-1_dev/html/flexbox_align-items-stretch-writing-modes.htm" + } + ], "css-flexbox-1_dev/html/flexbox_align-items-stretch.htm": [ { "path": "css-flexbox-1_dev/html/flexbox_align-items-stretch.htm", @@ -349955,6 +350517,18 @@ "url": "/css-flexbox-1_dev/xhtml1/flexbox_align-items-stretch-2.xht" } ], + "css-flexbox-1_dev/xhtml1/flexbox_align-items-stretch-writing-modes.xht": [ + { + "path": "css-flexbox-1_dev/xhtml1/flexbox_align-items-stretch-writing-modes.xht", + "references": [ + [ + "/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-stretch-writing-modes-ref.xht", + "==" + ] + ], + "url": "/css-flexbox-1_dev/xhtml1/flexbox_align-items-stretch-writing-modes.xht" + } + ], "css-flexbox-1_dev/xhtml1/flexbox_align-items-stretch.xht": [ { "path": "css-flexbox-1_dev/xhtml1/flexbox_align-items-stretch.xht", @@ -356291,6 +356865,18 @@ "url": "/css-flexbox-1_dev/xhtml1print/flexbox_align-items-stretch-2.xht" } ], + "css-flexbox-1_dev/xhtml1print/flexbox_align-items-stretch-writing-modes.xht": [ + { + "path": "css-flexbox-1_dev/xhtml1print/flexbox_align-items-stretch-writing-modes.xht", + "references": [ + [ + "/css-flexbox-1_dev/xhtml1print/reference/flexbox_align-items-stretch-writing-modes-ref.xht", + "==" + ] + ], + "url": "/css-flexbox-1_dev/xhtml1print/flexbox_align-items-stretch-writing-modes.xht" + } + ], "css-flexbox-1_dev/xhtml1print/flexbox_align-items-stretch.xht": [ { "path": "css-flexbox-1_dev/xhtml1print/flexbox_align-items-stretch.xht", @@ -365003,112 +365589,112 @@ "url": "/css-grid-1_dev/html/grid-margins-no-collapse-001.htm" } ], - "css-grid-1_dev/html/grid-minimun-size-grid-items-001.htm": [ + "css-grid-1_dev/html/grid-minimum-size-grid-items-001.htm": [ { - "path": "css-grid-1_dev/html/grid-minimun-size-grid-items-001.htm", + "path": "css-grid-1_dev/html/grid-minimum-size-grid-items-001.htm", "references": [ [ "/css-grid-1_dev/html/reference/ref-filled-green-100px-square.htm", "==" ] ], - "url": "/css-grid-1_dev/html/grid-minimun-size-grid-items-001.htm" + "url": "/css-grid-1_dev/html/grid-minimum-size-grid-items-001.htm" } ], - "css-grid-1_dev/html/grid-minimun-size-grid-items-002.htm": [ + "css-grid-1_dev/html/grid-minimum-size-grid-items-002.htm": [ { - "path": "css-grid-1_dev/html/grid-minimun-size-grid-items-002.htm", + "path": "css-grid-1_dev/html/grid-minimum-size-grid-items-002.htm", "references": [ [ "/css-grid-1_dev/html/reference/ref-filled-green-100px-square.htm", "==" ] ], - "url": "/css-grid-1_dev/html/grid-minimun-size-grid-items-002.htm" + "url": "/css-grid-1_dev/html/grid-minimum-size-grid-items-002.htm" } ], - "css-grid-1_dev/html/grid-minimun-size-grid-items-003.htm": [ + "css-grid-1_dev/html/grid-minimum-size-grid-items-003.htm": [ { - "path": "css-grid-1_dev/html/grid-minimun-size-grid-items-003.htm", + "path": "css-grid-1_dev/html/grid-minimum-size-grid-items-003.htm", "references": [ [ "/css-grid-1_dev/html/reference/ref-filled-green-100px-square.htm", "==" ] ], - "url": "/css-grid-1_dev/html/grid-minimun-size-grid-items-003.htm" + "url": "/css-grid-1_dev/html/grid-minimum-size-grid-items-003.htm" } ], - "css-grid-1_dev/html/grid-minimun-size-grid-items-004.htm": [ + "css-grid-1_dev/html/grid-minimum-size-grid-items-004.htm": [ { - "path": "css-grid-1_dev/html/grid-minimun-size-grid-items-004.htm", + "path": "css-grid-1_dev/html/grid-minimum-size-grid-items-004.htm", "references": [ [ "/css-grid-1_dev/html/reference/ref-filled-green-100px-square.htm", "==" ] ], - "url": "/css-grid-1_dev/html/grid-minimun-size-grid-items-004.htm" + "url": "/css-grid-1_dev/html/grid-minimum-size-grid-items-004.htm" } ], - "css-grid-1_dev/html/grid-minimun-size-grid-items-005.htm": [ + "css-grid-1_dev/html/grid-minimum-size-grid-items-005.htm": [ { - "path": "css-grid-1_dev/html/grid-minimun-size-grid-items-005.htm", + "path": "css-grid-1_dev/html/grid-minimum-size-grid-items-005.htm", "references": [ [ "/css-grid-1_dev/html/reference/ref-filled-green-100px-square.htm", "==" ] ], - "url": "/css-grid-1_dev/html/grid-minimun-size-grid-items-005.htm" + "url": "/css-grid-1_dev/html/grid-minimum-size-grid-items-005.htm" } ], - "css-grid-1_dev/html/grid-minimun-size-grid-items-006.htm": [ + "css-grid-1_dev/html/grid-minimum-size-grid-items-006.htm": [ { - "path": "css-grid-1_dev/html/grid-minimun-size-grid-items-006.htm", + "path": "css-grid-1_dev/html/grid-minimum-size-grid-items-006.htm", "references": [ [ "/css-grid-1_dev/html/reference/ref-filled-green-100px-square.htm", "==" ] ], - "url": "/css-grid-1_dev/html/grid-minimun-size-grid-items-006.htm" + "url": "/css-grid-1_dev/html/grid-minimum-size-grid-items-006.htm" } ], - "css-grid-1_dev/html/grid-minimun-size-grid-items-007.htm": [ + "css-grid-1_dev/html/grid-minimum-size-grid-items-007.htm": [ { - "path": "css-grid-1_dev/html/grid-minimun-size-grid-items-007.htm", + "path": "css-grid-1_dev/html/grid-minimum-size-grid-items-007.htm", "references": [ [ "/css-grid-1_dev/html/reference/ref-filled-green-100px-square.htm", "==" ] ], - "url": "/css-grid-1_dev/html/grid-minimun-size-grid-items-007.htm" + "url": "/css-grid-1_dev/html/grid-minimum-size-grid-items-007.htm" } ], - "css-grid-1_dev/html/grid-minimun-size-grid-items-008.htm": [ + "css-grid-1_dev/html/grid-minimum-size-grid-items-008.htm": [ { - "path": "css-grid-1_dev/html/grid-minimun-size-grid-items-008.htm", + "path": "css-grid-1_dev/html/grid-minimum-size-grid-items-008.htm", "references": [ [ "/css-grid-1_dev/html/reference/ref-filled-green-100px-square.htm", "==" ] ], - "url": "/css-grid-1_dev/html/grid-minimun-size-grid-items-008.htm" + "url": "/css-grid-1_dev/html/grid-minimum-size-grid-items-008.htm" } ], - "css-grid-1_dev/html/grid-minimun-size-grid-items-009.htm": [ + "css-grid-1_dev/html/grid-minimum-size-grid-items-009.htm": [ { - "path": "css-grid-1_dev/html/grid-minimun-size-grid-items-009.htm", + "path": "css-grid-1_dev/html/grid-minimum-size-grid-items-009.htm", "references": [ [ "/css-grid-1_dev/html/reference/ref-filled-green-100px-square.htm", "==" ] ], - "url": "/css-grid-1_dev/html/grid-minimun-size-grid-items-009.htm" + "url": "/css-grid-1_dev/html/grid-minimum-size-grid-items-009.htm" } ], "css-grid-1_dev/html/grid-multicol-001.htm": [ @@ -366167,112 +366753,112 @@ "url": "/css-grid-1_dev/xhtml1/grid-margins-no-collapse-001.xht" } ], - "css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-001.xht": [ + "css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-001.xht": [ { - "path": "css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-001.xht", + "path": "css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-001.xht", "references": [ [ "/css-grid-1_dev/xhtml1/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-001.xht" + "url": "/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-001.xht" } ], - "css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-002.xht": [ + "css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-002.xht": [ { - "path": "css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-002.xht", + "path": "css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-002.xht", "references": [ [ "/css-grid-1_dev/xhtml1/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-002.xht" + "url": "/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-002.xht" } ], - "css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-003.xht": [ + "css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-003.xht": [ { - "path": "css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-003.xht", + "path": "css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-003.xht", "references": [ [ "/css-grid-1_dev/xhtml1/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-003.xht" + "url": "/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-003.xht" } ], - "css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-004.xht": [ + "css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-004.xht": [ { - "path": "css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-004.xht", + "path": "css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-004.xht", "references": [ [ "/css-grid-1_dev/xhtml1/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-004.xht" + "url": "/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-004.xht" } ], - "css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-005.xht": [ + "css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-005.xht": [ { - "path": "css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-005.xht", + "path": "css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-005.xht", "references": [ [ "/css-grid-1_dev/xhtml1/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-005.xht" + "url": "/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-005.xht" } ], - "css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-006.xht": [ + "css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-006.xht": [ { - "path": "css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-006.xht", + "path": "css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-006.xht", "references": [ [ "/css-grid-1_dev/xhtml1/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-006.xht" + "url": "/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-006.xht" } ], - "css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-007.xht": [ + "css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-007.xht": [ { - "path": "css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-007.xht", + "path": "css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-007.xht", "references": [ [ "/css-grid-1_dev/xhtml1/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-007.xht" + "url": "/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-007.xht" } ], - "css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-008.xht": [ + "css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-008.xht": [ { - "path": "css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-008.xht", + "path": "css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-008.xht", "references": [ [ "/css-grid-1_dev/xhtml1/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-008.xht" + "url": "/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-008.xht" } ], - "css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-009.xht": [ + "css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-009.xht": [ { - "path": "css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-009.xht", + "path": "css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-009.xht", "references": [ [ "/css-grid-1_dev/xhtml1/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-009.xht" + "url": "/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-009.xht" } ], "css-grid-1_dev/xhtml1/grid-multicol-001.xht": [ @@ -367331,112 +367917,112 @@ "url": "/css-grid-1_dev/xhtml1print/grid-margins-no-collapse-001.xht" } ], - "css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-001.xht": [ + "css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-001.xht": [ { - "path": "css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-001.xht", + "path": "css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-001.xht", "references": [ [ "/css-grid-1_dev/xhtml1print/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-001.xht" + "url": "/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-001.xht" } ], - "css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-002.xht": [ + "css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-002.xht": [ { - "path": "css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-002.xht", + "path": "css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-002.xht", "references": [ [ "/css-grid-1_dev/xhtml1print/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-002.xht" + "url": "/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-002.xht" } ], - "css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-003.xht": [ + "css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-003.xht": [ { - "path": "css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-003.xht", + "path": "css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-003.xht", "references": [ [ "/css-grid-1_dev/xhtml1print/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-003.xht" + "url": "/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-003.xht" } ], - "css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-004.xht": [ + "css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-004.xht": [ { - "path": "css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-004.xht", + "path": "css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-004.xht", "references": [ [ "/css-grid-1_dev/xhtml1print/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-004.xht" + "url": "/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-004.xht" } ], - "css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-005.xht": [ + "css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-005.xht": [ { - "path": "css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-005.xht", + "path": "css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-005.xht", "references": [ [ "/css-grid-1_dev/xhtml1print/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-005.xht" + "url": "/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-005.xht" } ], - "css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-006.xht": [ + "css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-006.xht": [ { - "path": "css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-006.xht", + "path": "css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-006.xht", "references": [ [ "/css-grid-1_dev/xhtml1print/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-006.xht" + "url": "/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-006.xht" } ], - "css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-007.xht": [ + "css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-007.xht": [ { - "path": "css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-007.xht", + "path": "css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-007.xht", "references": [ [ "/css-grid-1_dev/xhtml1print/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-007.xht" + "url": "/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-007.xht" } ], - "css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-008.xht": [ + "css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-008.xht": [ { - "path": "css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-008.xht", + "path": "css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-008.xht", "references": [ [ "/css-grid-1_dev/xhtml1print/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-008.xht" + "url": "/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-008.xht" } ], - "css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-009.xht": [ + "css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-009.xht": [ { - "path": "css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-009.xht", + "path": "css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-009.xht", "references": [ [ "/css-grid-1_dev/xhtml1print/reference/ref-filled-green-100px-square.xht", "==" ] ], - "url": "/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-009.xht" + "url": "/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-009.xht" } ], "css-grid-1_dev/xhtml1print/grid-multicol-001.xht": [ @@ -467519,592 +468105,592 @@ "url": "/css-writing-modes-3_dev/html/block-embed-003.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-001.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-004.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-001.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-004.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-001.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-004.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-002.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-htb-001.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-002.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-htb-001.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-002.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-htb-001.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-003.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-slr-043.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-003.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-slr-043.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-003.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-slr-043.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-004.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-slr-047.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-004.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-slr-047.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-004.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-slr-047.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-005.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-slr-048.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-005.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-slr-048.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-005.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-slr-048.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-006.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-slr-050.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-006.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-slr-050.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-006.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-slr-050.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-007.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-slr-054.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-007.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-slr-054.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-007.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-slr-054.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-008.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-slr-055.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-008.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-slr-055.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-008.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-slr-055.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-009.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-slr-056.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-009.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-slr-056.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-009.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-slr-056.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-010.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-slr-058.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-010.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-slr-058.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-010.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-slr-058.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-011.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-slr-060.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-011.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-slr-060.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-011.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-slr-060.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-012.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-slr-062.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-012.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-slr-062.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-012.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-slr-062.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-013.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-slr-063.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-013.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-slr-063.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-013.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-slr-063.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-014.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-slr-066.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-014.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-slr-066.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-066-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-014.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-slr-066.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-015.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-srl-042.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-015.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-srl-042.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-015.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-srl-042.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-016.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-srl-045.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-016.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-srl-045.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-016.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-srl-045.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-017.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-srl-046.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-017.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-srl-046.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-017.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-srl-046.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-018.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-srl-049.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-018.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-srl-049.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-018.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-srl-049.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-019.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-srl-051.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-019.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-srl-051.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-019.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-srl-051.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-020.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-srl-052.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-020.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-srl-052.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-020.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-srl-052.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-021.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-srl-053.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-021.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-srl-053.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-021.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-srl-053.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-022.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-srl-057.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-022.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-srl-057.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-022.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-srl-057.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-023.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-srl-059.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-023.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-srl-059.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-023.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-srl-059.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-024.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-srl-061.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-024.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-srl-061.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-024.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-srl-061.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-025.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-srl-064.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-025.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-srl-064.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-025-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-025.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-srl-064.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-042.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-srl-065.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-042.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-srl-065.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-025-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-042.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-srl-065.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-043.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-vlr-003.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-043.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vlr-003.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-043.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vlr-003.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-045.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-vlr-007.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-045.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vlr-007.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-045.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vlr-007.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-046.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-vlr-008.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-046.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vlr-008.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-046.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vlr-008.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-047.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-vlr-010.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-047.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vlr-010.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-047.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vlr-010.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-048.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-vlr-014.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-048.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vlr-014.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-048.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vlr-014.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-049.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-vlr-015.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-049.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vlr-015.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-049.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vlr-015.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-050.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-vlr-016.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-050.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vlr-016.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-050.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vlr-016.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-051.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-vlr-018.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-051.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vlr-018.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-051.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vlr-018.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-052.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-vlr-020.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-052.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vlr-020.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-052.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vlr-020.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-053.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-vlr-022.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-053.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vlr-022.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-053.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vlr-022.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-054.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-vlr-023.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-054.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vlr-023.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-054.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vlr-023.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-055.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-vrl-002.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-055.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vrl-002.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-055.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vrl-002.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-056.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-vrl-005.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-056.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vrl-005.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-056.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vrl-005.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-057.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-vrl-006.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-057.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vrl-006.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-057.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vrl-006.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-058.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-vrl-009.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-058.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vrl-009.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-058.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vrl-009.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-059.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-vrl-011.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-059.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vrl-011.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-059.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vrl-011.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-060.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-vrl-012.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-060.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vrl-012.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-060.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vrl-012.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-061.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-vrl-013.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-061.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vrl-013.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-061.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vrl-013.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-062.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-vrl-017.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-062.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vrl-017.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-062.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vrl-017.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-063.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-vrl-019.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-063.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vrl-019.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-063.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vrl-019.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-064.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-vrl-021.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-064.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vrl-021.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-064.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vrl-021.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-065.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-vrl-024.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-065.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vrl-024.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-025-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-065.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vrl-024.htm" } ], - "css-writing-modes-3_dev/html/block-flow-direction-066.htm": [ + "css-writing-modes-3_dev/html/block-flow-direction-vrl-025.htm": [ { - "path": "css-writing-modes-3_dev/html/block-flow-direction-066.htm", + "path": "css-writing-modes-3_dev/html/block-flow-direction-vrl-025.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/block-flow-direction-066-ref.htm", + "/css-writing-modes-3_dev/html/reference/block-flow-direction-025-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/block-flow-direction-066.htm" + "url": "/css-writing-modes-3_dev/html/block-flow-direction-vrl-025.htm" } ], "css-writing-modes-3_dev/html/block-override-001.htm": [ @@ -469211,6 +469797,18 @@ "url": "/css-writing-modes-3_dev/html/flexbox-writing-mode-009.htm" } ], + "css-writing-modes-3_dev/html/flexbox_align-items-stretch-writing-modes.htm": [ + { + "path": "css-writing-modes-3_dev/html/flexbox_align-items-stretch-writing-modes.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/flexbox_align-items-stretch-writing-modes-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/flexbox_align-items-stretch-writing-modes.htm" + } + ], "css-writing-modes-3_dev/html/float-clear-vlr-003.htm": [ { "path": "css-writing-modes-3_dev/html/float-clear-vlr-003.htm", @@ -470051,232 +470649,448 @@ "url": "/css-writing-modes-3_dev/html/inline-table-alignment-005.htm" } ], - "css-writing-modes-3_dev/html/line-box-direction-001.htm": [ + "css-writing-modes-3_dev/html/line-box-direction-htb-001.htm": [ + { + "path": "css-writing-modes-3_dev/html/line-box-direction-htb-001.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-htb-001.htm" + } + ], + "css-writing-modes-3_dev/html/line-box-direction-slr-043.htm": [ + { + "path": "css-writing-modes-3_dev/html/line-box-direction-slr-043.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-slr-043.htm" + } + ], + "css-writing-modes-3_dev/html/line-box-direction-slr-047.htm": [ + { + "path": "css-writing-modes-3_dev/html/line-box-direction-slr-047.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-slr-047.htm" + } + ], + "css-writing-modes-3_dev/html/line-box-direction-slr-048.htm": [ { - "path": "css-writing-modes-3_dev/html/line-box-direction-001.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-slr-048.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-slr-048.htm" + } + ], + "css-writing-modes-3_dev/html/line-box-direction-slr-050.htm": [ + { + "path": "css-writing-modes-3_dev/html/line-box-direction-slr-050.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-001.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-slr-050.htm" } ], - "css-writing-modes-3_dev/html/line-box-direction-002.htm": [ + "css-writing-modes-3_dev/html/line-box-direction-slr-053.htm": [ { - "path": "css-writing-modes-3_dev/html/line-box-direction-002.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-slr-053.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-002.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-slr-053.htm" } ], - "css-writing-modes-3_dev/html/line-box-direction-003.htm": [ + "css-writing-modes-3_dev/html/line-box-direction-slr-054.htm": [ { - "path": "css-writing-modes-3_dev/html/line-box-direction-003.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-slr-054.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-003.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-slr-054.htm" } ], - "css-writing-modes-3_dev/html/line-box-direction-005.htm": [ + "css-writing-modes-3_dev/html/line-box-direction-slr-056.htm": [ { - "path": "css-writing-modes-3_dev/html/line-box-direction-005.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-slr-056.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-005.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-slr-056.htm" } ], - "css-writing-modes-3_dev/html/line-box-direction-006.htm": [ + "css-writing-modes-3_dev/html/line-box-direction-slr-058.htm": [ { - "path": "css-writing-modes-3_dev/html/line-box-direction-006.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-slr-058.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-006.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-slr-058.htm" } ], - "css-writing-modes-3_dev/html/line-box-direction-007.htm": [ + "css-writing-modes-3_dev/html/line-box-direction-slr-060.htm": [ { - "path": "css-writing-modes-3_dev/html/line-box-direction-007.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-slr-060.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-slr-060.htm" + } + ], + "css-writing-modes-3_dev/html/line-box-direction-srl-042.htm": [ + { + "path": "css-writing-modes-3_dev/html/line-box-direction-srl-042.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-srl-042.htm" + } + ], + "css-writing-modes-3_dev/html/line-box-direction-srl-045.htm": [ + { + "path": "css-writing-modes-3_dev/html/line-box-direction-srl-045.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-srl-045.htm" + } + ], + "css-writing-modes-3_dev/html/line-box-direction-srl-046.htm": [ + { + "path": "css-writing-modes-3_dev/html/line-box-direction-srl-046.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-srl-046.htm" + } + ], + "css-writing-modes-3_dev/html/line-box-direction-srl-049.htm": [ + { + "path": "css-writing-modes-3_dev/html/line-box-direction-srl-049.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-srl-049.htm" + } + ], + "css-writing-modes-3_dev/html/line-box-direction-srl-051.htm": [ + { + "path": "css-writing-modes-3_dev/html/line-box-direction-srl-051.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-srl-051.htm" + } + ], + "css-writing-modes-3_dev/html/line-box-direction-srl-052.htm": [ + { + "path": "css-writing-modes-3_dev/html/line-box-direction-srl-052.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-srl-052.htm" + } + ], + "css-writing-modes-3_dev/html/line-box-direction-srl-055.htm": [ + { + "path": "css-writing-modes-3_dev/html/line-box-direction-srl-055.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-srl-055.htm" + } + ], + "css-writing-modes-3_dev/html/line-box-direction-srl-057.htm": [ + { + "path": "css-writing-modes-3_dev/html/line-box-direction-srl-057.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-srl-057.htm" + } + ], + "css-writing-modes-3_dev/html/line-box-direction-srl-059.htm": [ + { + "path": "css-writing-modes-3_dev/html/line-box-direction-srl-059.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-srl-059.htm" + } + ], + "css-writing-modes-3_dev/html/line-box-direction-vlr-003.htm": [ + { + "path": "css-writing-modes-3_dev/html/line-box-direction-vlr-003.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-vlr-003.htm" + } + ], + "css-writing-modes-3_dev/html/line-box-direction-vlr-007.htm": [ + { + "path": "css-writing-modes-3_dev/html/line-box-direction-vlr-007.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-007.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-vlr-007.htm" } ], - "css-writing-modes-3_dev/html/line-box-direction-008.htm": [ + "css-writing-modes-3_dev/html/line-box-direction-vlr-008.htm": [ { - "path": "css-writing-modes-3_dev/html/line-box-direction-008.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-vlr-008.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-008.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-vlr-008.htm" + } + ], + "css-writing-modes-3_dev/html/line-box-direction-vlr-010.htm": [ + { + "path": "css-writing-modes-3_dev/html/line-box-direction-vlr-010.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-vlr-010.htm" + } + ], + "css-writing-modes-3_dev/html/line-box-direction-vlr-013.htm": [ + { + "path": "css-writing-modes-3_dev/html/line-box-direction-vlr-013.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-vlr-013.htm" } ], - "css-writing-modes-3_dev/html/line-box-direction-009.htm": [ + "css-writing-modes-3_dev/html/line-box-direction-vlr-014.htm": [ { - "path": "css-writing-modes-3_dev/html/line-box-direction-009.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-vlr-014.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-009.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-vlr-014.htm" } ], - "css-writing-modes-3_dev/html/line-box-direction-010.htm": [ + "css-writing-modes-3_dev/html/line-box-direction-vlr-016.htm": [ { - "path": "css-writing-modes-3_dev/html/line-box-direction-010.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-vlr-016.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-010.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-vlr-016.htm" } ], - "css-writing-modes-3_dev/html/line-box-direction-011.htm": [ + "css-writing-modes-3_dev/html/line-box-direction-vlr-018.htm": [ { - "path": "css-writing-modes-3_dev/html/line-box-direction-011.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-vlr-018.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-011.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-vlr-018.htm" } ], - "css-writing-modes-3_dev/html/line-box-direction-012.htm": [ + "css-writing-modes-3_dev/html/line-box-direction-vlr-020.htm": [ { - "path": "css-writing-modes-3_dev/html/line-box-direction-012.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-vlr-020.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-012.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-vlr-020.htm" } ], - "css-writing-modes-3_dev/html/line-box-direction-013.htm": [ + "css-writing-modes-3_dev/html/line-box-direction-vrl-002.htm": [ { - "path": "css-writing-modes-3_dev/html/line-box-direction-013.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-vrl-002.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-013.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-vrl-002.htm" } ], - "css-writing-modes-3_dev/html/line-box-direction-014.htm": [ + "css-writing-modes-3_dev/html/line-box-direction-vrl-005.htm": [ { - "path": "css-writing-modes-3_dev/html/line-box-direction-014.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-vrl-005.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-014.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-vrl-005.htm" } ], - "css-writing-modes-3_dev/html/line-box-direction-015.htm": [ + "css-writing-modes-3_dev/html/line-box-direction-vrl-006.htm": [ { - "path": "css-writing-modes-3_dev/html/line-box-direction-015.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-vrl-006.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-015.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-vrl-006.htm" } ], - "css-writing-modes-3_dev/html/line-box-direction-016.htm": [ + "css-writing-modes-3_dev/html/line-box-direction-vrl-009.htm": [ { - "path": "css-writing-modes-3_dev/html/line-box-direction-016.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-vrl-009.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-016.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-vrl-009.htm" } ], - "css-writing-modes-3_dev/html/line-box-direction-017.htm": [ + "css-writing-modes-3_dev/html/line-box-direction-vrl-011.htm": [ { - "path": "css-writing-modes-3_dev/html/line-box-direction-017.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-vrl-011.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-017.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-vrl-011.htm" } ], - "css-writing-modes-3_dev/html/line-box-direction-018.htm": [ + "css-writing-modes-3_dev/html/line-box-direction-vrl-012.htm": [ { - "path": "css-writing-modes-3_dev/html/line-box-direction-018.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-vrl-012.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-018.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-vrl-012.htm" } ], - "css-writing-modes-3_dev/html/line-box-direction-019.htm": [ + "css-writing-modes-3_dev/html/line-box-direction-vrl-015.htm": [ { - "path": "css-writing-modes-3_dev/html/line-box-direction-019.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-vrl-015.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-019.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-vrl-015.htm" } ], - "css-writing-modes-3_dev/html/line-box-direction-020.htm": [ + "css-writing-modes-3_dev/html/line-box-direction-vrl-017.htm": [ { - "path": "css-writing-modes-3_dev/html/line-box-direction-020.htm", + "path": "css-writing-modes-3_dev/html/line-box-direction-vrl-017.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/line-box-direction-020.htm" + "url": "/css-writing-modes-3_dev/html/line-box-direction-vrl-017.htm" + } + ], + "css-writing-modes-3_dev/html/line-box-direction-vrl-019.htm": [ + { + "path": "css-writing-modes-3_dev/html/line-box-direction-vrl-019.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/line-box-direction-vrl-019.htm" } ], "css-writing-modes-3_dev/html/line-box-height-vlr-003.htm": [ @@ -470867,100 +471681,148 @@ "url": "/css-writing-modes-3_dev/html/percent-padding-vrl-006.htm" } ], - "css-writing-modes-3_dev/html/row-progression-002.htm": [ + "css-writing-modes-3_dev/html/row-progression-slr-023.htm": [ + { + "path": "css-writing-modes-3_dev/html/row-progression-slr-023.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/row-progression-slr-023.htm" + } + ], + "css-writing-modes-3_dev/html/row-progression-slr-029.htm": [ + { + "path": "css-writing-modes-3_dev/html/row-progression-slr-029.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/row-progression-slr-029.htm" + } + ], + "css-writing-modes-3_dev/html/row-progression-srl-022.htm": [ + { + "path": "css-writing-modes-3_dev/html/row-progression-srl-022.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/row-progression-srl-022.htm" + } + ], + "css-writing-modes-3_dev/html/row-progression-srl-028.htm": [ { - "path": "css-writing-modes-3_dev/html/row-progression-002.htm", + "path": "css-writing-modes-3_dev/html/row-progression-srl-028.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/row-progression-002.htm" + "url": "/css-writing-modes-3_dev/html/row-progression-srl-028.htm" } ], - "css-writing-modes-3_dev/html/row-progression-003.htm": [ + "css-writing-modes-3_dev/html/row-progression-vlr-003.htm": [ { - "path": "css-writing-modes-3_dev/html/row-progression-003.htm", + "path": "css-writing-modes-3_dev/html/row-progression-vlr-003.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/row-progression-003.htm" + "url": "/css-writing-modes-3_dev/html/row-progression-vlr-003.htm" } ], - "css-writing-modes-3_dev/html/row-progression-004.htm": [ + "css-writing-modes-3_dev/html/row-progression-vlr-005.htm": [ { - "path": "css-writing-modes-3_dev/html/row-progression-004.htm", + "path": "css-writing-modes-3_dev/html/row-progression-vlr-005.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/row-progression-004.htm" + "url": "/css-writing-modes-3_dev/html/row-progression-vlr-005.htm" } ], - "css-writing-modes-3_dev/html/row-progression-005.htm": [ + "css-writing-modes-3_dev/html/row-progression-vlr-007.htm": [ { - "path": "css-writing-modes-3_dev/html/row-progression-005.htm", + "path": "css-writing-modes-3_dev/html/row-progression-vlr-007.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/row-progression-005.htm" + "url": "/css-writing-modes-3_dev/html/row-progression-vlr-007.htm" } ], - "css-writing-modes-3_dev/html/row-progression-006.htm": [ + "css-writing-modes-3_dev/html/row-progression-vlr-009.htm": [ { - "path": "css-writing-modes-3_dev/html/row-progression-006.htm", + "path": "css-writing-modes-3_dev/html/row-progression-vlr-009.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/row-progression-006.htm" + "url": "/css-writing-modes-3_dev/html/row-progression-vlr-009.htm" } ], - "css-writing-modes-3_dev/html/row-progression-007.htm": [ + "css-writing-modes-3_dev/html/row-progression-vrl-002.htm": [ { - "path": "css-writing-modes-3_dev/html/row-progression-007.htm", + "path": "css-writing-modes-3_dev/html/row-progression-vrl-002.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/row-progression-007.htm" + "url": "/css-writing-modes-3_dev/html/row-progression-vrl-002.htm" } ], - "css-writing-modes-3_dev/html/row-progression-008.htm": [ + "css-writing-modes-3_dev/html/row-progression-vrl-004.htm": [ { - "path": "css-writing-modes-3_dev/html/row-progression-008.htm", + "path": "css-writing-modes-3_dev/html/row-progression-vrl-004.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/row-progression-008.htm" + "url": "/css-writing-modes-3_dev/html/row-progression-vrl-004.htm" } ], - "css-writing-modes-3_dev/html/row-progression-009.htm": [ + "css-writing-modes-3_dev/html/row-progression-vrl-006.htm": [ { - "path": "css-writing-modes-3_dev/html/row-progression-009.htm", + "path": "css-writing-modes-3_dev/html/row-progression-vrl-006.htm", "references": [ [ "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/row-progression-009.htm" + "url": "/css-writing-modes-3_dev/html/row-progression-vrl-006.htm" + } + ], + "css-writing-modes-3_dev/html/row-progression-vrl-008.htm": [ + { + "path": "css-writing-modes-3_dev/html/row-progression-vrl-008.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/row-progression-vrl-008.htm" } ], "css-writing-modes-3_dev/html/table-column-order-002.htm": [ @@ -471011,6 +471873,54 @@ "url": "/css-writing-modes-3_dev/html/table-column-order-005.htm" } ], + "css-writing-modes-3_dev/html/table-progression-slr-001.htm": [ + { + "path": "css-writing-modes-3_dev/html/table-progression-slr-001.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/table-progression-slr-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/table-progression-slr-001.htm" + } + ], + "css-writing-modes-3_dev/html/table-progression-slr-002.htm": [ + { + "path": "css-writing-modes-3_dev/html/table-progression-slr-002.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/table-progression-002-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/table-progression-slr-002.htm" + } + ], + "css-writing-modes-3_dev/html/table-progression-srl-001.htm": [ + { + "path": "css-writing-modes-3_dev/html/table-progression-srl-001.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/table-progression-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/table-progression-srl-001.htm" + } + ], + "css-writing-modes-3_dev/html/table-progression-srl-002.htm": [ + { + "path": "css-writing-modes-3_dev/html/table-progression-srl-002.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/table-progression-002-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/table-progression-srl-002.htm" + } + ], "css-writing-modes-3_dev/html/table-progression-vlr-001.htm": [ { "path": "css-writing-modes-3_dev/html/table-progression-vlr-001.htm", @@ -471323,76 +472233,148 @@ "url": "/css-writing-modes-3_dev/html/text-align-vrl-018.htm" } ], - "css-writing-modes-3_dev/html/text-baseline-002.htm": [ + "css-writing-modes-3_dev/html/text-baseline-slr-009.htm": [ { - "path": "css-writing-modes-3_dev/html/text-baseline-002.htm", + "path": "css-writing-modes-3_dev/html/text-baseline-slr-009.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/text-baseline-002-ref.htm", + "/css-writing-modes-3_dev/html/reference/text-baseline-slr-009-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/text-baseline-002.htm" + "url": "/css-writing-modes-3_dev/html/text-baseline-slr-009.htm" } ], - "css-writing-modes-3_dev/html/text-baseline-003.htm": [ + "css-writing-modes-3_dev/html/text-baseline-slr-011.htm": [ { - "path": "css-writing-modes-3_dev/html/text-baseline-003.htm", + "path": "css-writing-modes-3_dev/html/text-baseline-slr-011.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/text-baseline-002-ref.htm", + "/css-writing-modes-3_dev/html/reference/text-baseline-slr-009-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/text-baseline-003.htm" + "url": "/css-writing-modes-3_dev/html/text-baseline-slr-011.htm" } ], - "css-writing-modes-3_dev/html/text-baseline-004.htm": [ + "css-writing-modes-3_dev/html/text-baseline-slr-013.htm": [ { - "path": "css-writing-modes-3_dev/html/text-baseline-004.htm", + "path": "css-writing-modes-3_dev/html/text-baseline-slr-013.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/text-baseline-002-ref.htm", + "/css-writing-modes-3_dev/html/reference/text-baseline-slr-009-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/text-baseline-004.htm" + "url": "/css-writing-modes-3_dev/html/text-baseline-slr-013.htm" } ], - "css-writing-modes-3_dev/html/text-baseline-005.htm": [ + "css-writing-modes-3_dev/html/text-baseline-srl-008.htm": [ { - "path": "css-writing-modes-3_dev/html/text-baseline-005.htm", + "path": "css-writing-modes-3_dev/html/text-baseline-srl-008.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/text-baseline-002-ref.htm", + "/css-writing-modes-3_dev/html/reference/text-baseline-vrl-006-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/text-baseline-005.htm" + "url": "/css-writing-modes-3_dev/html/text-baseline-srl-008.htm" } ], - "css-writing-modes-3_dev/html/text-baseline-006.htm": [ + "css-writing-modes-3_dev/html/text-baseline-srl-010.htm": [ { - "path": "css-writing-modes-3_dev/html/text-baseline-006.htm", + "path": "css-writing-modes-3_dev/html/text-baseline-srl-010.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/text-baseline-006-ref.htm", + "/css-writing-modes-3_dev/html/reference/text-baseline-vrl-006-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/text-baseline-006.htm" + "url": "/css-writing-modes-3_dev/html/text-baseline-srl-010.htm" } ], - "css-writing-modes-3_dev/html/text-baseline-007.htm": [ + "css-writing-modes-3_dev/html/text-baseline-srl-012.htm": [ { - "path": "css-writing-modes-3_dev/html/text-baseline-007.htm", + "path": "css-writing-modes-3_dev/html/text-baseline-srl-012.htm", "references": [ [ - "/css-writing-modes-3_dev/html/reference/text-baseline-006-ref.htm", + "/css-writing-modes-3_dev/html/reference/text-baseline-vrl-006-ref.htm", "==" ] ], - "url": "/css-writing-modes-3_dev/html/text-baseline-007.htm" + "url": "/css-writing-modes-3_dev/html/text-baseline-srl-012.htm" + } + ], + "css-writing-modes-3_dev/html/text-baseline-vlr-003.htm": [ + { + "path": "css-writing-modes-3_dev/html/text-baseline-vlr-003.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/text-baseline-vrl-002-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/text-baseline-vlr-003.htm" + } + ], + "css-writing-modes-3_dev/html/text-baseline-vlr-005.htm": [ + { + "path": "css-writing-modes-3_dev/html/text-baseline-vlr-005.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/text-baseline-vrl-002-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/text-baseline-vlr-005.htm" + } + ], + "css-writing-modes-3_dev/html/text-baseline-vlr-007.htm": [ + { + "path": "css-writing-modes-3_dev/html/text-baseline-vlr-007.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/text-baseline-vrl-006-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/text-baseline-vlr-007.htm" + } + ], + "css-writing-modes-3_dev/html/text-baseline-vrl-002.htm": [ + { + "path": "css-writing-modes-3_dev/html/text-baseline-vrl-002.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/text-baseline-vrl-002-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/text-baseline-vrl-002.htm" + } + ], + "css-writing-modes-3_dev/html/text-baseline-vrl-004.htm": [ + { + "path": "css-writing-modes-3_dev/html/text-baseline-vrl-004.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/text-baseline-vrl-002-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/text-baseline-vrl-004.htm" + } + ], + "css-writing-modes-3_dev/html/text-baseline-vrl-006.htm": [ + { + "path": "css-writing-modes-3_dev/html/text-baseline-vrl-006.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/text-baseline-vrl-006-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/text-baseline-vrl-006.htm" } ], "css-writing-modes-3_dev/html/text-combine-upright-decorations-001.htm": [ @@ -472255,18 +473237,6 @@ "url": "/css-writing-modes-3_dev/html/writing-mode-horizontal-001r.htm" } ], - "css-writing-modes-3_dev/html/writing-mode-stretch-001.htm": [ - { - "path": "css-writing-modes-3_dev/html/writing-mode-stretch-001.htm", - "references": [ - [ - "/css-writing-modes-3_dev/html/reference/writing-mode-stretch-001-ref.htm", - "==" - ] - ], - "url": "/css-writing-modes-3_dev/html/writing-mode-stretch-001.htm" - } - ], "css-writing-modes-3_dev/html/writing-mode-vertical-lr-002.htm": [ { "path": "css-writing-modes-3_dev/html/writing-mode-vertical-lr-002.htm", @@ -476803,40 +477773,40 @@ "url": "/css-writing-modes-3_dev/xhtml1/block-embed-003.xht" } ], - "css-writing-modes-3_dev/xhtml1/block-flow-direction-025.xht": [ + "css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-066.xht": [ { - "path": "css-writing-modes-3_dev/xhtml1/block-flow-direction-025.xht", + "path": "css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-066.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-025-ref.xht", + "/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-066-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1/block-flow-direction-025.xht" + "url": "/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-066.xht" } ], - "css-writing-modes-3_dev/xhtml1/block-flow-direction-065.xht": [ + "css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-065.xht": [ { - "path": "css-writing-modes-3_dev/xhtml1/block-flow-direction-065.xht", + "path": "css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-065.xht", "references": [ [ "/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-025-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1/block-flow-direction-065.xht" + "url": "/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-065.xht" } ], - "css-writing-modes-3_dev/xhtml1/block-flow-direction-066.xht": [ + "css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-025.xht": [ { - "path": "css-writing-modes-3_dev/xhtml1/block-flow-direction-066.xht", + "path": "css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-025.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-066-ref.xht", + "/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-025-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1/block-flow-direction-066.xht" + "url": "/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-025.xht" } ], "css-writing-modes-3_dev/xhtml1/block-override-001.xht": [ @@ -477931,6 +478901,18 @@ "url": "/css-writing-modes-3_dev/xhtml1/flexbox-writing-mode-009.xht" } ], + "css-writing-modes-3_dev/xhtml1/flexbox_align-items-stretch-writing-modes.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1/flexbox_align-items-stretch-writing-modes.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/flexbox_align-items-stretch-writing-modes-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/flexbox_align-items-stretch-writing-modes.xht" + } + ], "css-writing-modes-3_dev/xhtml1/float-clear-vlr-003.xht": [ { "path": "css-writing-modes-3_dev/xhtml1/float-clear-vlr-003.xht", @@ -479359,6 +480341,54 @@ "url": "/css-writing-modes-3_dev/xhtml1/percent-padding-vrl-006.xht" } ], + "css-writing-modes-3_dev/xhtml1/table-progression-slr-001.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1/table-progression-slr-001.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/table-progression-slr-001-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/table-progression-slr-001.xht" + } + ], + "css-writing-modes-3_dev/xhtml1/table-progression-slr-002.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1/table-progression-slr-002.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/table-progression-002-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/table-progression-slr-002.xht" + } + ], + "css-writing-modes-3_dev/xhtml1/table-progression-srl-001.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1/table-progression-srl-001.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/table-progression-001-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/table-progression-srl-001.xht" + } + ], + "css-writing-modes-3_dev/xhtml1/table-progression-srl-002.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1/table-progression-srl-002.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/table-progression-002-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/table-progression-srl-002.xht" + } + ], "css-writing-modes-3_dev/xhtml1/table-progression-vlr-001.xht": [ { "path": "css-writing-modes-3_dev/xhtml1/table-progression-vlr-001.xht", @@ -479671,76 +480701,148 @@ "url": "/css-writing-modes-3_dev/xhtml1/text-align-vrl-018.xht" } ], - "css-writing-modes-3_dev/xhtml1/text-baseline-002.xht": [ + "css-writing-modes-3_dev/xhtml1/text-baseline-slr-009.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1/text-baseline-slr-009.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-slr-009-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-slr-009.xht" + } + ], + "css-writing-modes-3_dev/xhtml1/text-baseline-slr-011.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1/text-baseline-slr-011.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-slr-009-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-slr-011.xht" + } + ], + "css-writing-modes-3_dev/xhtml1/text-baseline-slr-013.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1/text-baseline-slr-013.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-slr-009-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-slr-013.xht" + } + ], + "css-writing-modes-3_dev/xhtml1/text-baseline-srl-008.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1/text-baseline-srl-008.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-006-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-srl-008.xht" + } + ], + "css-writing-modes-3_dev/xhtml1/text-baseline-srl-010.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1/text-baseline-srl-010.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-006-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-srl-010.xht" + } + ], + "css-writing-modes-3_dev/xhtml1/text-baseline-srl-012.xht": [ { - "path": "css-writing-modes-3_dev/xhtml1/text-baseline-002.xht", + "path": "css-writing-modes-3_dev/xhtml1/text-baseline-srl-012.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-002-ref.xht", + "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-006-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-002.xht" + "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-srl-012.xht" } ], - "css-writing-modes-3_dev/xhtml1/text-baseline-003.xht": [ + "css-writing-modes-3_dev/xhtml1/text-baseline-vlr-003.xht": [ { - "path": "css-writing-modes-3_dev/xhtml1/text-baseline-003.xht", + "path": "css-writing-modes-3_dev/xhtml1/text-baseline-vlr-003.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-002-ref.xht", + "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-002-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-003.xht" + "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-vlr-003.xht" } ], - "css-writing-modes-3_dev/xhtml1/text-baseline-004.xht": [ + "css-writing-modes-3_dev/xhtml1/text-baseline-vlr-005.xht": [ { - "path": "css-writing-modes-3_dev/xhtml1/text-baseline-004.xht", + "path": "css-writing-modes-3_dev/xhtml1/text-baseline-vlr-005.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-002-ref.xht", + "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-002-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-004.xht" + "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-vlr-005.xht" } ], - "css-writing-modes-3_dev/xhtml1/text-baseline-005.xht": [ + "css-writing-modes-3_dev/xhtml1/text-baseline-vlr-007.xht": [ { - "path": "css-writing-modes-3_dev/xhtml1/text-baseline-005.xht", + "path": "css-writing-modes-3_dev/xhtml1/text-baseline-vlr-007.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-002-ref.xht", + "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-006-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-005.xht" + "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-vlr-007.xht" } ], - "css-writing-modes-3_dev/xhtml1/text-baseline-006.xht": [ + "css-writing-modes-3_dev/xhtml1/text-baseline-vrl-002.xht": [ { - "path": "css-writing-modes-3_dev/xhtml1/text-baseline-006.xht", + "path": "css-writing-modes-3_dev/xhtml1/text-baseline-vrl-002.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-006-ref.xht", + "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-002-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-006.xht" + "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-vrl-002.xht" } ], - "css-writing-modes-3_dev/xhtml1/text-baseline-007.xht": [ + "css-writing-modes-3_dev/xhtml1/text-baseline-vrl-004.xht": [ { - "path": "css-writing-modes-3_dev/xhtml1/text-baseline-007.xht", + "path": "css-writing-modes-3_dev/xhtml1/text-baseline-vrl-004.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-006-ref.xht", + "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-002-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-007.xht" + "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-vrl-004.xht" + } + ], + "css-writing-modes-3_dev/xhtml1/text-baseline-vrl-006.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1/text-baseline-vrl-006.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-006-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/text-baseline-vrl-006.xht" } ], "css-writing-modes-3_dev/xhtml1/text-combine-upright-decorations-001.xht": [ @@ -480591,18 +481693,6 @@ "url": "/css-writing-modes-3_dev/xhtml1/writing-mode-horizontal-001r.xht" } ], - "css-writing-modes-3_dev/xhtml1/writing-mode-stretch-001.xht": [ - { - "path": "css-writing-modes-3_dev/xhtml1/writing-mode-stretch-001.xht", - "references": [ - [ - "/css-writing-modes-3_dev/xhtml1/reference/writing-mode-stretch-001-ref.xht", - "==" - ] - ], - "url": "/css-writing-modes-3_dev/xhtml1/writing-mode-stretch-001.xht" - } - ], "css-writing-modes-3_dev/xhtml1/writing-mode-vertical-lr-002.xht": [ { "path": "css-writing-modes-3_dev/xhtml1/writing-mode-vertical-lr-002.xht", @@ -485127,40 +486217,40 @@ "url": "/css-writing-modes-3_dev/xhtml1print/block-embed-003.xht" } ], - "css-writing-modes-3_dev/xhtml1print/block-flow-direction-025.xht": [ + "css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-066.xht": [ { - "path": "css-writing-modes-3_dev/xhtml1print/block-flow-direction-025.xht", + "path": "css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-066.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-025-ref.xht", + "/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-066-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1print/block-flow-direction-025.xht" + "url": "/css-writing-modes-3_dev/xhtml1print/block-flow-direction-slr-066.xht" } ], - "css-writing-modes-3_dev/xhtml1print/block-flow-direction-065.xht": [ + "css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-065.xht": [ { - "path": "css-writing-modes-3_dev/xhtml1print/block-flow-direction-065.xht", + "path": "css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-065.xht", "references": [ [ "/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-025-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1print/block-flow-direction-065.xht" + "url": "/css-writing-modes-3_dev/xhtml1print/block-flow-direction-srl-065.xht" } ], - "css-writing-modes-3_dev/xhtml1print/block-flow-direction-066.xht": [ + "css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-025.xht": [ { - "path": "css-writing-modes-3_dev/xhtml1print/block-flow-direction-066.xht", + "path": "css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-025.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-066-ref.xht", + "/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-025-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1print/block-flow-direction-066.xht" + "url": "/css-writing-modes-3_dev/xhtml1print/block-flow-direction-vrl-025.xht" } ], "css-writing-modes-3_dev/xhtml1print/block-override-001.xht": [ @@ -486255,6 +487345,18 @@ "url": "/css-writing-modes-3_dev/xhtml1print/flexbox-writing-mode-009.xht" } ], + "css-writing-modes-3_dev/xhtml1print/flexbox_align-items-stretch-writing-modes.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1print/flexbox_align-items-stretch-writing-modes.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/flexbox_align-items-stretch-writing-modes-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/flexbox_align-items-stretch-writing-modes.xht" + } + ], "css-writing-modes-3_dev/xhtml1print/float-clear-vlr-003.xht": [ { "path": "css-writing-modes-3_dev/xhtml1print/float-clear-vlr-003.xht", @@ -487683,6 +488785,54 @@ "url": "/css-writing-modes-3_dev/xhtml1print/percent-padding-vrl-006.xht" } ], + "css-writing-modes-3_dev/xhtml1print/table-progression-slr-001.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1print/table-progression-slr-001.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/table-progression-slr-001-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/table-progression-slr-001.xht" + } + ], + "css-writing-modes-3_dev/xhtml1print/table-progression-slr-002.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1print/table-progression-slr-002.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/table-progression-002-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/table-progression-slr-002.xht" + } + ], + "css-writing-modes-3_dev/xhtml1print/table-progression-srl-001.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1print/table-progression-srl-001.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/table-progression-001-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/table-progression-srl-001.xht" + } + ], + "css-writing-modes-3_dev/xhtml1print/table-progression-srl-002.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1print/table-progression-srl-002.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/table-progression-002-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/table-progression-srl-002.xht" + } + ], "css-writing-modes-3_dev/xhtml1print/table-progression-vlr-001.xht": [ { "path": "css-writing-modes-3_dev/xhtml1print/table-progression-vlr-001.xht", @@ -487995,76 +489145,148 @@ "url": "/css-writing-modes-3_dev/xhtml1print/text-align-vrl-018.xht" } ], - "css-writing-modes-3_dev/xhtml1print/text-baseline-002.xht": [ + "css-writing-modes-3_dev/xhtml1print/text-baseline-slr-009.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-slr-009.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-slr-009-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-slr-009.xht" + } + ], + "css-writing-modes-3_dev/xhtml1print/text-baseline-slr-011.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-slr-011.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-slr-009-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-slr-011.xht" + } + ], + "css-writing-modes-3_dev/xhtml1print/text-baseline-slr-013.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-slr-013.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-slr-009-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-slr-013.xht" + } + ], + "css-writing-modes-3_dev/xhtml1print/text-baseline-srl-008.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-srl-008.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-006-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-srl-008.xht" + } + ], + "css-writing-modes-3_dev/xhtml1print/text-baseline-srl-010.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-srl-010.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-006-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-srl-010.xht" + } + ], + "css-writing-modes-3_dev/xhtml1print/text-baseline-srl-012.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-srl-012.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-006-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-srl-012.xht" + } + ], + "css-writing-modes-3_dev/xhtml1print/text-baseline-vlr-003.xht": [ { - "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-002.xht", + "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-vlr-003.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-002-ref.xht", + "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-002-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-002.xht" + "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-vlr-003.xht" } ], - "css-writing-modes-3_dev/xhtml1print/text-baseline-003.xht": [ + "css-writing-modes-3_dev/xhtml1print/text-baseline-vlr-005.xht": [ { - "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-003.xht", + "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-vlr-005.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-002-ref.xht", + "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-002-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-003.xht" + "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-vlr-005.xht" } ], - "css-writing-modes-3_dev/xhtml1print/text-baseline-004.xht": [ + "css-writing-modes-3_dev/xhtml1print/text-baseline-vlr-007.xht": [ { - "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-004.xht", + "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-vlr-007.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-002-ref.xht", + "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-006-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-004.xht" + "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-vlr-007.xht" } ], - "css-writing-modes-3_dev/xhtml1print/text-baseline-005.xht": [ + "css-writing-modes-3_dev/xhtml1print/text-baseline-vrl-002.xht": [ { - "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-005.xht", + "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-vrl-002.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-002-ref.xht", + "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-002-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-005.xht" + "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-vrl-002.xht" } ], - "css-writing-modes-3_dev/xhtml1print/text-baseline-006.xht": [ + "css-writing-modes-3_dev/xhtml1print/text-baseline-vrl-004.xht": [ { - "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-006.xht", + "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-vrl-004.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-006-ref.xht", + "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-002-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-006.xht" + "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-vrl-004.xht" } ], - "css-writing-modes-3_dev/xhtml1print/text-baseline-007.xht": [ + "css-writing-modes-3_dev/xhtml1print/text-baseline-vrl-006.xht": [ { - "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-007.xht", + "path": "css-writing-modes-3_dev/xhtml1print/text-baseline-vrl-006.xht", "references": [ [ - "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-006-ref.xht", + "/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-006-ref.xht", "==" ] ], - "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-007.xht" + "url": "/css-writing-modes-3_dev/xhtml1print/text-baseline-vrl-006.xht" } ], "css-writing-modes-3_dev/xhtml1print/text-combine-upright-decorations-001.xht": [ @@ -488915,18 +490137,6 @@ "url": "/css-writing-modes-3_dev/xhtml1print/writing-mode-horizontal-001r.xht" } ], - "css-writing-modes-3_dev/xhtml1print/writing-mode-stretch-001.xht": [ - { - "path": "css-writing-modes-3_dev/xhtml1print/writing-mode-stretch-001.xht", - "references": [ - [ - "/css-writing-modes-3_dev/xhtml1print/reference/writing-mode-stretch-001-ref.xht", - "==" - ] - ], - "url": "/css-writing-modes-3_dev/xhtml1print/writing-mode-stretch-001.xht" - } - ], "css-writing-modes-3_dev/xhtml1print/writing-mode-vertical-lr-002.xht": [ { "path": "css-writing-modes-3_dev/xhtml1print/writing-mode-vertical-lr-002.xht", @@ -711132,7 +712342,7 @@ } ] }, - "rev": "e102a993c37a2e0ebd549bc7d5548b006458ab34", + "rev": "4e1aa4f3dcbff1abd654c63d0f677379c1e2775f", "url_base": "/", "version": 2 }
\ No newline at end of file diff --git a/tests/wpt/metadata-css/css-flexbox-1_dev/html/flexbox_align-items-stretch-writing-modes.htm.ini b/tests/wpt/metadata-css/css-flexbox-1_dev/html/flexbox_align-items-stretch-writing-modes.htm.ini new file mode 100644 index 00000000000..bb252206b40 --- /dev/null +++ b/tests/wpt/metadata-css/css-flexbox-1_dev/html/flexbox_align-items-stretch-writing-modes.htm.ini @@ -0,0 +1,3 @@ +[flexbox_align-items-stretch-writing-modes.htm] + type: reftest + expected: FAIL |
