| Index: LayoutTests/imported/csswg-test/css-writing-modes-3/support/embedded-doc-abs-pos-non-replaced-icb-vrl-032.html
|
| diff --git a/LayoutTests/imported/csswg-test/css-writing-modes-3/support/embedded-doc-abs-pos-non-replaced-icb-vrl-032.html b/LayoutTests/imported/csswg-test/css-writing-modes-3/support/embedded-doc-abs-pos-non-replaced-icb-vrl-032.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..67cb9fbb1fee1f9f8ecd003050bd5cfc7b7866d8
|
| --- /dev/null
|
| +++ b/LayoutTests/imported/csswg-test/css-writing-modes-3/support/embedded-doc-abs-pos-non-replaced-icb-vrl-032.html
|
| @@ -0,0 +1,99 @@
|
| +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
| +
|
| +<html>
|
| +
|
| + <head>
|
| +
|
| + <meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
| +
|
| + <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%;
|
| + -webkit-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>
|
|
|
Chromium Code Reviews
Issue 1157103007:
update-w3c-deps import using blink b712b6ce0eb599d90d890aa609f596c7852fb824 (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master