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

Unified Diff: LayoutTests/fast/multicol/composited-layer-multiple-fragments.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-multiple-fragments.html
diff --git a/LayoutTests/fast/multicol/composited-layer-multiple-fragments.html b/LayoutTests/fast/multicol/composited-layer-multiple-fragments.html
new file mode 100644
index 0000000000000000000000000000000000000000..cd811d6e9000d76ac8814abb8dd112da80eb2752
--- /dev/null
+++ b/LayoutTests/fast/multicol/composited-layer-multiple-fragments.html
@@ -0,0 +1,48 @@
+<!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>
+<div class="multicol">
+ <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 class="square"></div>
+ <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 class="multicol">
+ <div class="square"></div>
+ <div class="square"></div>
+ <div class="layer"> <!-- from first to third column -->
+ <div class="square"></div>
+ <div class="square"></div>
+ <div class="square"></div>
+ <div class="square"></div>
+ <div class="square"></div>
+ </div>
+ <div class="square"></div>
+ <div class="square"></div>
+</div>
« no previous file with comments | « LayoutTests/TestExpectations ('k') | LayoutTests/fast/multicol/composited-layer-multiple-fragments-expected.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698