third_party/WebKit/LayoutTests/fast/multicol/balance-float-with-margin-top-and-line-after-break-3.html - Issue 2479483002: Properly avoid breaking inside a float's top margin.

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/multicol/balance-float-with-margin-top-and-line-after-break-3.html

Issue 2479483002: Properly avoid breaking inside a float's top margin. (Closed)

Patch Set: Created 4 years, 1 month 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 <p>There should be a cyan square in the bottom right corner of a blue rectangle. </p>	2 <p>There should be a cyan square in the bottom right corner of a blue rectangle. </p>

3 <div id="multicol" style="position:relative; columns:3; line-height:20px; orphan s:1; widows:1; background:blue;">	3 <div id="multicol" style="position:relative; columns:3; width:150px; line-height :20px; orphans:1; widows:1; background:blue;">

4 <br>	4 <br>

5 <br>	5 <br>

6 <br>	6 <div id="elm" style="float:right; margin-top:10px; width:20px; background:cy an;">

7 <br>

8 <div id="elm" style="float:right; margin-top:30px; width:40px; line-height:4 0px; background:cyan;">

9 <br>	7 <br>

10 </div>	8 </div>

11 </div>	9 </div>

12 <script src="../../resources/testharness.js"></script>	10 <script src="../../resources/testharness.js"></script>

13 <script src="../../resources/testharnessreport.js"></script>	11 <script src="../../resources/testharnessreport.js"></script>

14 <script>	12 <script>

15 test(() => {	13 test(() => {

16 var multicol = document.getElementById("multicol");	14 var multicol = document.getElementById("multicol");

17 var elm = document.getElementById("elm");	15 var elm = document.getElementById("elm");

18 assert_equals(multicol.offsetHeight, 70);	16 assert_equals(multicol.offsetHeight, 30);

19 assert_equals(elm.offsetTop, 30);	17 assert_equals(elm.offsetTop, 10);

20 }, "Float that should fit its top margin together with the border box.");	18 }, "Float that should fit its top margin together with the border box.");

21 </script>	19 </script>

OLD	NEW

« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/fragmentation/float-margin-top.html » ('j') | no next file with comments »