LayoutTests/imported/csswg-test/css-writing-modes-3/clearance-calculations-vrl-002.xht - Issue 1334653002: update-w3c-deps import using blink 938bf333d1bbab5c7c40f5c574f50807244c587f:

Side by Side Diff: LayoutTests/imported/csswg-test/css-writing-modes-3/clearance-calculations-vrl-002.xht

Issue 1334653002: update-w3c-deps import using blink 938bf333d1bbab5c7c40f5c574f50807244c587f: (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Add NeedsRebaseline Created 5 years, 3 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 unified diff | Download patch

« no previous file with comments | « LayoutTests/imported/csswg-test/css-writing-modes-3/central-baseline-alignment-003.xht ('k') | LayoutTests/imported/csswg-test/css-writing-modes-3/clearance-calculations-vrl-004.xht » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x html1/DTD/xhtml1-strict.dtd">	1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x html1/DTD/xhtml1-strict.dtd">

2	2

3 <html xmlns="http://www.w3.org/1999/xhtml">	3 <html xmlns="http://www.w3.org/1999/xhtml">

4	4

5 <head>	5 <head>

6	6

7 <title>CSS Writing Modes Test: Clearance calculations - clearing box has large r margin than width of float</title>	7 <title>CSS Writing Modes Test: Clearance calculations - clearing box has large r margin than width of float</title>

8	8

9 <!--	9 <!--

10 This test is the verticalized version of	10 This test is the verticalized version of

11 http://test.csswg.org/suites/css2.1/latest/html4/clear-clearance-calculation-0 01.htm	11 http://test.csswg.org/suites/css2.1/latest/html4/clear-clearance-calculation-0 01.htm

12 -->	12 -->

13	13

14 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserB ugsSection/css21testsuite/" />	14 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserB ugsSection/css21testsuite/" />

15 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layo ut" title="7.1 Principles of Layout in Vertical Writing Modes" />	15 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layo ut" title="7.1 Principles of Layout in Vertical Writing Modes" />

16 <link rel="match" href="clearance-calculations-vrl-002-ref.xht" />	16 <link rel="match" href="clearance-calculations-vrl-002-ref.xht" />

17	17

18 <meta content="ahem image" name="flags" />	18 <meta content="ahem image" name="flags" />

19 <meta content="This test checks that when a clearing element has a right margi n (in a block formating context with 'writing-mode' set to 'vertical-rl') larger than the width of a floated element, then the right margin is collapsed with th e margin-left of preceding in-flow sibling. The clearing element is then placed at the point of the resulting collapsed margin." name="assert" />	19 <meta content="This test checks that when a clearing element has a right margi n (in a block formating context with 'writing-mode' set to 'vertical-rl') larger than the width of a floated element, then the right margin is collapsed with th e margin-left of preceding in-flow sibling. The clearing element is then placed at the point of the resulting collapsed margin." name="assert" />

20	20

21 <style type="text/css"><![CDATA[	21 <style type="text/css"><![CDATA[

22 div	22 div

23 {	23 {

24 height: 5em;	24 height: 5em;

25 }	25 }

26	26

27 div#parent	27 div#parent

28 {	28 {

29 background: red url("support/clearance-calculation-vrl-002.png");	29 background: red url("support/clearance-calculation-vrl-002.png");

30 font: 1.25em/1 Ahem; /* computes to 20px/20px */	30 font: 20px/1 Ahem; /* computes to 20px/20px */

31 min-width: 6em;	31 min-width: 6em;

32 -webkit-writing-mode: vertical-rl;	32 -webkit-writing-mode: vertical-rl;

33 }	33 }

34	34

35 div > div	35 div > div

36 {	36 {

37 background-color: green;	37 background-color: green;

38 width: 1em;	38 width: 1em;

39 }	39 }

40	40

(...skipping 21 matching lines...) Expand all Loading...
62 <p>Test passes if there is <strong>no red</strong>.</p>	62 <p>Test passes if there is <strong>no red</strong>.</p>

63	63

64 <div id="parent">	64 <div id="parent">

65 <div id="preceding-sibling"></div>	65 <div id="preceding-sibling"></div>

66 <div id="floated-left"></div>	66 <div id="floated-left"></div>

67 <div id="clearing-left"></div>	67 <div id="clearing-left"></div>

68 </div>	68 </div>

69	69

70 </body>	70 </body>

71 </html>	71 </html>

OLD	NEW