| Index: LayoutTests/fast/multicol/composited-layer-multiple-fragments-translated.html
|
| diff --git a/LayoutTests/fast/multicol/composited-layer-multiple-fragments-translated.html b/LayoutTests/fast/multicol/composited-layer-multiple-fragments-translated.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..106f8dd821202a4ed2ac9a7d2390a23344987058
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/multicol/composited-layer-multiple-fragments-translated.html
|
| @@ -0,0 +1,33 @@
|
| +<!DOCTYPE html>
|
| +<style>
|
| +.multicol {
|
| + width: 60px;
|
| + -webkit-column-width: 20px;
|
| + -webkit-column-gap: 0;
|
| + column-fill: auto;
|
| + height: 60px;
|
| + line-height: 20px;
|
| +}
|
| +.square {
|
| + width: 20px;
|
| + height: 20px;
|
| + background: red;
|
| +}
|
| +.layer { transform: translateZ(0) translateY(20px); }
|
| +.layer .square { background: green; }
|
| +</style>
|
| +
|
| +<p>There should be two small green squares below, and no red.</p>
|
| +<div class="multicol">
|
| + <br>
|
| + <br>
|
| + <br>
|
| + <br>
|
| + <br>
|
| + <div class="layer"> <!-- from second to third column -->
|
| + <div class="square"></div>
|
| + <br>
|
| + <div class="square"></div>
|
| + </div>
|
| + <div class="square"></div>
|
| +</div>
|
|
|