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

Unified Diff: third_party/WebKit/LayoutTests/fast/multicol/span/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/nested-multicol.html
diff --git a/third_party/WebKit/LayoutTests/fast/multicol/span/nested-multicol.html b/third_party/WebKit/LayoutTests/fast/multicol/span/nested-multicol.html
new file mode 100644
index 0000000000000000000000000000000000000000..18fb9ce3318c411a42c3e1efa075c232fb7c99c7
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/multicol/span/nested-multicol.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<style>
+ .egg { background:yellow; }
+ .egg::before { content:"egg"; }
+ .sausage { background:brown; }
+ .sausage::before { content:"sausage"; }
+ .spam { background:hotpink; }
+ .spam::before { content:"spam"; }
+ .lobster { background:salmon; }
+ .lobster::before { content:"lobster"; }
+</style>
+<p>Below there should be 4 rows of boxes. The boxes on each row should have the same color.
+ Some boxes are expected to be wider than others.</p>
+<div style="-webkit-columns:3; -webkit-column-gap:10px; width:620px; height:120px; line-height:30px; column-fill:auto;">
+ <div class="egg"></div>
+ <div style="-webkit-columns:2; -webkit-column-gap:10px;">
+ <div class="sausage"></div>
+ <div class="sausage"></div>
+ <div style="-webkit-column-span:all;" class="spam"></div>
+ <div class="lobster"></div>
+ <div class="lobster"></div>
+ <div class="egg"></div>
+ <div class="sausage"></div>
+ <div class="spam"></div>
+ <div class="lobster"></div>
+ <div class="egg"></div>
+ <div class="sausage"></div>
+ <div class="spam"></div>
+ <div class="lobster"></div>
+ <div class="egg"></div>
+ <div class="sausage"></div>
+ <div class="spam"></div>
+ <div class="egg"></div>
+ <div class="sausage"></div>
+ <div class="spam"></div>
+ </div>
+ <div class="lobster"></div>
+</div>

Powered by Google App Engine
This is Rietveld 408576698