LayoutTests/css3/flexbox/nested-orthogonal-flexbox-relayout.html - Issue 1088633002: Unprefix flexbox tests.

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: LayoutTests/css3/flexbox/nested-orthogonal-flexbox-relayout.html

Issue 1088633002: Unprefix flexbox tests. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: whoops, a > went missing Created 5 years, 8 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:

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

2 <style>	2 <style>

3 #column {	3 #column {

4 display: -webkit-flex;	4 display: flex;

5 flex-direction: column;	5 flex-direction: column;

6 border: 5px solid yellow;	6 border: 5px solid yellow;

7 }	7 }

8	8

9 #row {	9 #row {

10 display: -webkit-flex;	10 display: flex;

11 flex-direction: row;	11 flex-direction: row;

12 border: 5px solid blue;	12 border: 5px solid blue;

13 }	13 }

14	14

15 .item {	15 .item {

16 border: 5px solid green;	16 border: 5px solid green;

17 }	17 }

18 </style>	18 </style>

19 <body>	19 <body>

20 <div id="column">	20 <div id="column">

21 <div id="row">	21 <div id="row">

22 <div class="item">This text should not overflow its box</div>	22 <div class="item">This text should not overflow its box</div>

23 </div>	23 </div>

24 </div>	24 </div>

25 <script>	25 <script>

26 var columnBox = document.getElementById("column");	26 var columnBox = document.getElementById("column");

27 columnBox.offsetHeight;	27 columnBox.offsetHeight;

28 columnBox.style.width = "200px";	28 columnBox.style.width = "200px";

29 </script>	29 </script>

OLD	NEW