LayoutTests/imported/csswg-test/css-writing-modes-3/percent-margin-vlr-003.xht - Issue 1188583004: update-w3c-deps import using blink 9d3793ee56e5bb1aa1eef078d848e1b0e6e4d355:

Unified Diff: LayoutTests/imported/csswg-test/css-writing-modes-3/percent-margin-vlr-003.xht

Issue 1188583004: update-w3c-deps import using blink 9d3793ee56e5bb1aa1eef078d848e1b0e6e4d355: (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Created 5 years, 6 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

Download patch

« no previous file with comments | « LayoutTests/imported/csswg-test/css-writing-modes-3/inline-block-alignment-orthogonal-vrl-004-expected.xht ('k') | LayoutTests/imported/csswg-test/css-writing-modes-3/percent-margin-vlr-005.xht » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/imported/csswg-test/css-writing-modes-3/percent-margin-vlr-003.xht

diff --git a/LayoutTests/imported/csswg-test/css-writing-modes-3/percent-margin-vlr-003.xht b/LayoutTests/imported/csswg-test/css-writing-modes-3/percent-margin-vlr-003.xht

index cfe87898f8c59db20ec5a6cf40a906a5d3401464..924b3d15703c2ba9fc0ce69ecf2a81f497cbb733 100644

--- a/LayoutTests/imported/csswg-test/css-writing-modes-3/percent-margin-vlr-003.xht

+++ b/LayoutTests/imported/csswg-test/css-writing-modes-3/percent-margin-vlr-003.xht

@@ -4,14 +4,14 @@

<head>

- <title>CSS Writing Modes Test: margin percentage and 'vertical-lr'</title>

+ <title>CSS Writing Modes Test: margin percentage and 'vertical-lr' (orthogonal flow)</title>

- <meta content="This test checks that percentages on the margin are calculated with respect to the width 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." name="assert" />

+ <meta content="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." name="assert" />

div.outer

@@ -21,37 +21,36 @@

width: 200px;

}

- hr

- {

- background-color: transparent;

- border: transparent none 0px;

- height: 3px;

- margin: 0.5em auto;

- }

div.inner

{

background-color: yellow;

- height: 50px; /* necessary, otherwise div.inner blocks must grow as tall as the height of viewport */

+ height: 50px;

width: 50px;

+ -webkit-writing-mode: vertical-lr;

}

div.foo

{

- margin-bottom: 2.5%;

- margin-left: 50%;

- margin-right: 25%;

- margin-top: 10%;

- -webkit-writing-mode: vertical-lr;

+ margin-bottom: 2.5%; /* 5px ; collapses with hr's margin-top */

+ margin-left: 50%; /* 100px */

+ margin-right: 25%; /* 50px */

+ margin-top: 10%; /* 20px */

+ }

+ hr

+ {

+ background-color: transparent;

+ border: transparent none 0px;

+ height: 3px;

+ margin: 0.5em auto;

}

div.bar

{

- margin-bottom: 10%;

- margin-left: 25%;

- margin-right: 50%;

- margin-top: 2.5%;

- -webkit-writing-mode: vertical-lr;

+ margin-bottom: 10%; /* 20px */

+ margin-left: 25%; /* 50px */

+ margin-right: 50%; /* 100px */

+ margin-top: 2.5%; /* 5px ; collapses with hr's margin-bottom */

}

div#reference