third_party/WebKit/LayoutTests/css3/flexbox/intrinsic-width-orthogonal-writing-mode.html - Issue 1549153002: Fix preferred logical widths of orthogonal writing modes

Side by Side Diff

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

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: third_party/WebKit/LayoutTests/css3/flexbox/intrinsic-width-orthogonal-writing-mode.html

Issue 1549153002: Fix preferred logical widths of orthogonal writing modes (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: TestExpectations Created 4 years, 11 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

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <html>	2 <html>

3 <link href="resources/flexbox.css" rel="stylesheet">	3 <link href="resources/flexbox.css" rel="stylesheet">

4 <style>	4 <style>

5 .vertical {	5 .vertical {

6 writing-mode: vertical-lr;	6 writing-mode: vertical-lr;

7 }	7 }

8 </style>	8 </style>

9	9

10 <script src="../../resources/check-layout.js"></script>	10 <script src="../../resources/check-layout.js"></script>

11 <body onload="checkLayout('.inline-flexbox')">	11 <body onload="checkLayout('.inline-flexbox')">

12	12

13 <p>Tests that we calculate correct intrinsic widths when orthogonal flows are in volved.</p>	13 <p>Tests that we calculate correct intrinsic widths when orthogonal flows are in volved.</p>

14	14

15 <div class="inline-flexbox" data-expected-width="20">	15 <div class="inline-flexbox" data-expected-width="20">

16 <div class="vertical" style="width: 20px; height: 50px;"></div>	16 <div class="vertical" style="width: 20px; height: 50px;"></div>

17 </div>	17 </div>

18	18

19 <div class="inline-flexbox" data-expected-width="20">	19 <div class="inline-flexbox" data-expected-width="20">

20 <div class="vertical" style="line-height: 20px;">Some text</div>	20 <div class="vertical" style="line-height: 20px;">Some text</div>

21 </div>	21 </div>

22	22

23	23 <div class="inline-flexbox" data-expected-width="20">

24 <!-- This should really have a width of 20. However intrinsic widths with

25 orthogonal flows are tricky. This now matches behavior of regular

26 (inline-)blocks.

27 http://crbug.com/473429

28 -->

29 <div class="inline-flexbox" data-expected-width="0">

30 <span class="vertical" data-expected-width="20" style="line-height: 20px;">S ome text</span>	24 <span class="vertical" data-expected-width="20" style="line-height: 20px;">S ome text</span>

31 </div>	25 </div>

OLD	NEW