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

Unified Diff: LayoutTests/fast/multicol/composited-layer-nested.html

Issue 801053005: [New Multicolumn] Render transformed layers into multiple fragments. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: rebase master Created 5 years, 10 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/composited-layer-nested.html
diff --git a/LayoutTests/fast/multicol/composited-layer-nested.html b/LayoutTests/fast/multicol/composited-layer-nested.html
new file mode 100644
index 0000000000000000000000000000000000000000..3cd501aeb17dce5f3d4ff84625a49c76b1c0f5db
--- /dev/null
+++ b/LayoutTests/fast/multicol/composited-layer-nested.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<style>
+.multicol {
+ margin: 3em 0;
+ width: 60px;
+ -webkit-column-width: 20px;
+ -webkit-column-gap: 0;
+ column-fill: auto;
+ height: 60px;
+}
+.square {
+ width: 20px;
+ height: 20px;
+ background: green;
+}
+
+.layer { transform: translateZ(0); }
+
+</style>
+<p>There should be two green squares below.</p>
+<!-- composited layer in composited layer: -->
+<div class="multicol">
+ <div class="square"></div>
+ <div class="layer"> <!-- from first to second column -->
+ <div class="square"></div>
+ <div class="layer">
+ <div class="square"></div>
+ <div class="square"></div>
+ </div>
+ <div class="square"></div>
+ </div>
+ <div class="square"></div>
+ <div class="square"></div>
+ <div class="square"></div>
+ <div class="square"></div>
+</div>
+
+<!-- composited layer in composited layer in composited layer: -->
+<div class="multicol">
+ <div class="layer"> <!-- all columns -->
+ <div class="layer"> <!-- from first to second column -->
+ <div class="square"></div>
+ <div class="square"></div>
+ <div class="layer"> <!-- from first to second column -->
+ <div class="square"></div>
+ <div class="square"></div>
+ </div>
+ </div>
+ <div class="square"></div>
+ <div class="layer"> <!-- from second to third column -->
+ <div class="layer"> <!-- from second to third column -->
+ <div class="square"></div>
+ <div class="square"></div>
+ </div>
+ <div class="square"></div>
+ <div class="square"></div>
+ </div>
+ </div>
+</div>

Powered by Google App Engine
This is Rietveld 408576698