third_party/WebKit/LayoutTests/fast/html/summary-display-flex-expected.html - Issue 2373963002: Support display:flex for 'summary'

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/fast/html/summary-display-flex-expected.html

Issue 2373963002: Support display:flex for 'summary' (Closed)

Patch Set: Support display flex/inline-flex/grid/inline-grid for summary Created 4 years, 2 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 | « third_party/WebKit/LayoutTests/fast/html/summary-display-flex.html ('k') | third_party/WebKit/LayoutTests/fast/html/summary-display-grid.html » ('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>	1 <!DOCTYPE html>

2 <style>	2 <style>

3 .flex-container {	3 .flex-container {

4 background: #333;	4 background: #333;

5 border: 0px;	5 border: 0px;

6 display: flex;	6 display: flex;

7 margin: 0px;	7 margin: 0px;

8 padding: 0px;	8 padding: 0px;

9 }	9 }

10	10

(...skipping 32 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
43 .flex-item {	43 .flex-item {

44 width:50px;	44 width:50px;

45 height:50px;	45 height:50px;

46 margin:20px;	46 margin:20px;

47 background: #eee;	47 background: #eee;

48 line-height: 50px;	48 line-height: 50px;

49 text-align: center;	49 text-align: center;

50 }	50 }

51 </style>	51 </style>

52	52

53 <fieldset>	53 <summary>

54 <legend>Fieldset with display: flex</legend>

55 <div>these fieldsshouldn't bestacked vertically</div>	54 <div>these fieldsshouldn't bestacked vertically</div>

56 </fieldset>	55 </summary>

57	56

58 <h1>flex-direction: row</h1>	57 <h1>flex-direction: row</h1>

59 <div class="flex-container flex-direction-row">	58 <div class="flex-container flex-direction-row">

60 <div class="flex-item">1</div>	59 <div class="flex-item">1</div>

61 <div class="flex-item">2</div>	60 <div class="flex-item">2</div>

62 <div class="flex-item">3</div>	61 <div class="flex-item">3</div>

63 </div>	62 </div>

64	63

65 <h1>flex-direction: row-reverse</h1>	64 <h1>flex-direction: row-reverse</h1>

66 <div class="flex-container flex-direction-row-reverse">	65 <div class="flex-container flex-direction-row-reverse">

(...skipping 29 matching lines...) Expand all Loading...
96 <div class="flex-item">2</div>	95 <div class="flex-item">2</div>

97 <div class="flex-item">3</div>	96 <div class="flex-item">3</div>

98 </div>	97 </div>

99	98

100 <h1>justify-content: space-between</h1>	99 <h1>justify-content: space-between</h1>

101 <div class="flex-container justify-content-space-between">	100 <div class="flex-container justify-content-space-between">

102 <div class="flex-item">1</div>	101 <div class="flex-item">1</div>

103 <div class="flex-item">2</div>	102 <div class="flex-item">2</div>

104 <div class="flex-item">3</div>	103 <div class="flex-item">3</div>

105 </div>	104 </div>

OLD	NEW