Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(105)

Unified Diff: LayoutTests/fast/multicol/float-with-margin-moved-by-child-line-and-unbreakable.html

Issue 1303993007: Floats' margins do not collapse with page or column boundaries. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 5 years, 3 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 side-by-side diff with in-line comments
Download patch
Index: LayoutTests/fast/multicol/float-with-margin-moved-by-child-line-and-unbreakable.html
diff --git a/LayoutTests/fast/multicol/float-with-margin-moved-by-child-line-and-unbreakable.html b/LayoutTests/fast/multicol/float-with-margin-moved-by-child-line-and-unbreakable.html
new file mode 100644
index 0000000000000000000000000000000000000000..23245e96393ab775eadc68ca704c72aa38365db7
--- /dev/null
+++ b/LayoutTests/fast/multicol/float-with-margin-moved-by-child-line-and-unbreakable.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<script src="../../resources/check-layout.js"></script>
+<p>Test that space is reserved for the top margin of a float that is pushed to the next column. In
+ this test, there are two reasons why the float needs to be pushed to next column: It's
+ unbreakable, and its first line doesn't fit in the previous column.</p>
+<p>There should be a blue rectangle below.</p>
+<div id="test" style="position:relative; -webkit-columns:3; -webkit-column-gap:0; column-fill:auto; width:150px; height:90px; line-height:20px;">
+ <div style="margin-top:5px; margin-bottom:15px; height:40px; background:blue;"></div>
+ <br>
+ <div data-offset-y="5" style="float:left; width:100%; margin-top:5px; -webkit-column-break-inside:avoid; background:blue;">
+ <br><br>
+ </div>
+</div>
+<script>
+ checkLayout("#test");
+</script>

Powered by Google App Engine
This is Rietveld 408576698