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

Unified Diff: LayoutTests/imported/csswg-test/css-writing-modes-3/percent-padding-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/percent-margin-vrl-006-expected.xht ('k') | LayoutTests/imported/csswg-test/css-writing-modes-3/percent-padding-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-padding-vlr-003.xht

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

index 993cf62442624b6c8b393c71f07ff60f4f57695b..dfc03d8f38dadefa498eb2a111661bcb9b570428 100644

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

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

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

<head>

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

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

- <meta content="This test checks that percentages on the padding are calculated with respect to the width of the containing block if '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 padding are calculated with respect to the width (inline-size) of the containing block if '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,47 +21,35 @@

width: 200px;

}

- hr

- {

- background-color: transparent;

- border: transparent none 0px;

- height: 3px;

- margin: 3px auto;

- }

div.inner

{

background-color: transparent;

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

+ height: 50px;

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

}

- img

+ div.foo

{

- vertical-align: bottom;

- /*

- Not necessary but because Chrome 40 does not centrally baseline-align

- inline replaced element in vertical writing-mode with 'text-orientation: mixed'

- or with 'text-orientation: upright', we do this to avoid a false negative.

- */

+ padding-bottom: 2.5%; /* 5px */

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

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

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

}

- div.foo

+ hr

{

- padding-bottom: 2.5%;

- padding-left: 50%;

- padding-right: 25%;

- padding-top: 10%;

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

+ background-color: transparent;

+ border: transparent none 0px;

+ height: 3px;

+ margin: 3px auto;

}

div.bar

{

- padding-bottom: 10%;

- padding-left: 25%;

- padding-right: 50%;

- padding-top: 2.5%;

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

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

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

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

+ padding-top: 2.5%; /* 5px */

}

div#reference