LayoutTests/fast/multicol/mixed-positioning-stacking-order.html - Issue 25687002: Add support for the column-fill property.

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/fast/multicol/mixed-positioning-stacking-order.html

Issue 25687002: Add support for the column-fill property. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Put changes to problematic files (for the bots) back in. Created 7 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

OLD	NEW
1 <!doctype html>	1 <!doctype html>

2 <html>	2 <html>

3 <head>	3 <head>

4 <script>	4 <script>

5 internals.settings.setRegionBasedColumnsEnabled(true)	5 internals.settings.setRegionBasedColumnsEnabled(true)

6 </script>	6 </script>

7 </head>	7 </head>

8 <body>	8 <body>

9 <div style="-moz-column-width:100px; width:210px; height:200px;border:5px solid black; -webkit-column-width:100px;-webkit-column-gap:10px; -moz-column-gap:10px" >	9 <div style="width:210px; height:200px; border:5px solid black; -moz-column-width :100px; -moz-column-gap:10px; -webkit-column-width:100px; -webkit-column-gap:10p x; column-width:100px; column-gap:10px; column-fill:auto;">

10	10

11 <div style="position:relative;">	11 <div style="position:relative;">

12 <div style="position:absolute;top:0;left:0; height:400px; width:100px">	12 <div style="position:absolute;top:0;left:0; height:400px; width:100px">

13 <div style="width:100px;height:100px;background-color:purple;">3</div>	13 <div style="width:100px;height:100px;background-color:purple;">3</div>

14 <div style="height:200px"></div>	14 <div style="height:200px"></div>

15 <div style="width:100px;height:100px;background-color:purple;">3</div>	15 <div style="width:100px;height:100px;background-color:purple;">3</div>

16 </div>	16 </div>

17 <div style="position:relative; z-index:1; background-color:lightblue; width:100% ; height:200px; top:100px">1</div>	17 <div style="position:relative; z-index:1; background-color:lightblue; width:100% ; height:200px; top:100px">1</div>

18	18

19 <div style="position:fixed;background-color:gold;left:68px;top:13px;height:200px ;width:100px">2</div>	19 <div style="position:fixed;background-color:gold;left:68px;top:13px;height:200px ;width:100px">2</div>

20 </div>	20 </div>

21 </div>	21 </div>

OLD	NEW

« no previous file with comments | « LayoutTests/fast/multicol/mixed-opacity-test.html ('k') | LayoutTests/fast/multicol/nested-columns.html » ('j') | no next file with comments »