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

Unified Diff: third_party/WebKit/LayoutTests/fast/multicol/span/after-row-with-uneven-height-nested-multicol.html

Issue 1489663003: column-span:all in nested multicol requires re-insertion of fragmentainer groups. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years 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: third_party/WebKit/LayoutTests/fast/multicol/span/after-row-with-uneven-height-nested-multicol.html
diff --git a/third_party/WebKit/LayoutTests/fast/multicol/span/after-row-with-uneven-height-nested-multicol.html b/third_party/WebKit/LayoutTests/fast/multicol/span/after-row-with-uneven-height-nested-multicol.html
new file mode 100644
index 0000000000000000000000000000000000000000..b59e2e04580d1ba2ba45df0a898bb693eaf09540
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/multicol/span/after-row-with-uneven-height-nested-multicol.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<style>
+ body { overflow:hidden; } /* Prevent extra layout pass (which could hide the problem) */
leviw_travelin_and_unemployed 2015/12/01 18:26:40 Scrollbar spam!
+</style>
+<p>In nested multicol, test that an inner spanner that follows a
+ column row whose contents cannot be evenly balanced (the row has 2
+ columns and 5 lines of equal height) ends up where it should.</p>
+<p>There should be a blue square below.</p>
+<div style="-webkit-columns:3; -webkit-column-gap:0; column-fill:auto; width:120px; line-height:120px; height:360px;">
+ <div style="-webkit-columns:2; -webkit-column-gap:0;">
+ <div style="background:blue;"><br></div> <!-- first line in first column -->
+ <br>
+ <br>
+ <div style="background:blue;"><br></div> <!-- first line in second column -->
+ <br>
+ <div style="-webkit-column-span:all; background:blue;"><br></div>
+ <br>
+ <br>
+ <br>
+ <br>
+ <div style="background:blue;"><br></div> <!-- first line in fourth column -->
+ <br>
+ <div style="background:blue;"><br></div> <!-- first line in fifth column -->
+ </div>
+</div>

Powered by Google App Engine
This is Rietveld 408576698