third_party/WebKit/LayoutTests/fast/block/float/float-on-line-large-and-small-float-below.html - Issue 2504173002: When placing a float, pay attention to its final logical top.

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/block/float/float-on-line-large-and-small-float-below.html

Issue 2504173002: When placing a float, pay attention to its final logical top. (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:

OLD	NEW
(Empty)
	1 <!DOCTYPE html>

	2 <p>There should be a smaller hotpink square below a larger blue

	3 square. They should not overlap.</p>

	4 <div style="position:relative; width:100px;">

	5 <span id="inlineBlock" style="display:inline-block; width:40px; height:10px; "></span>

	6 <div id="onLine" style="float:left; width:40px; height:40px;"></div>

	7 <div id="largeBelow" style="float:left; width:100px; height:100px; backgroun d:blue;"></div>

	8 <div id="smallBelow" style="float:left; width:40px; height:40px; background: hotpink;"></div>

	9 </div>

	10 <div style="clear:both;"></div>

	11 <script src="../../../resources/testharness.js"></script>

	12 <script src="../../../resources/testharnessreport.js"></script>

	13 <script>

	14 test(() => {

	15 var inlineBlock = document.getElementById("inlineBlock");

	16 var onLine = document.getElementById("onLine");

	17 var largeBelow = document.getElementById("largeBelow");

	18 var smallBelow = document.getElementById("smallBelow");

	19 assert_equals(inlineBlock.offsetLeft, 40);

	20 assert_equals(onLine.offsetLeft, 0);

	21 assert_equals(onLine.offsetTop, 0);

	22 assert_equals(largeBelow.offsetLeft, 0);

	23 assert_equals(largeBelow.offsetTop, 40);

	24 assert_equals(smallBelow.offsetLeft, 0);

	25 assert_equals(smallBelow.offsetTop, 140);

	26 }, "Large and smaller float pushed below line with float");

	27 </script>

OLD	NEW

« no previous file with comments | « no previous file | third_party/WebKit/Source/core/layout/LayoutBlockFlow.cpp » ('j') | no next file with comments »