Implement backing-sharing in compositing layers, allowing overlap layers to paint...
[WebKit-https.git] / LayoutTests / scrollingcoordinator / scrolling-tree / positioned-nodes-complex.html
index afca83c..1d74f6e 100644 (file)
@@ -47,6 +47,7 @@
         .absolute {
             position: absolute;
             left: 100px;
+            transform: translateZ(0);
         }
 
         .composited {
         .scrolling-content {
             height: 1000px;
         }
+
+        .sharing-preventer {
+            transform: translateZ(0);
+            margin: 10px;
+            width: 10px;
+            height: 10px;
+        }
         </style>
         <script>
         if (window.testRunner)
             <div class="scroller">
                 <div class="scrolling-content">
                     Scrolling content
+                    <div class="sharing-preventer"></div>
                     <div class="stacking">
                         Stacking
+                        <div class="sharing-preventer"></div>
                         <div class="absolute box"></div>
                     </div>
                 </div>
             <div class="scroller">
                 <div class="scrolling-content">
                     Scrolling content
+                    <div class="sharing-preventer"></div>
                     <div class="containing">
                         Containing
+                        <div class="sharing-preventer"></div>
                         <div class="absolute box"></div>
                     </div>
                 </div>
             <div class="scroller">
                 <div class="scrolling-content">
                     Scrolling content
+                    <div class="sharing-preventer"></div>
                     <div class="absolute box"></div>
                 </div>
             </div>
                     <div class="scroller">
                         <div class="scrolling-content">
                             Scrolling content
+                            <div class="sharing-preventer"></div>
                             <div class="absolute box"></div>
                         </div>
                     </div>
             <div class="scroller">
                 <div class="scrolling-content">
                     Scrolling content
+                    <div class="sharing-preventer"></div>
                     <div class="stacking">
                         Stacking
                         <div class="containing">
                             Containing
+                            <div class="sharing-preventer"></div>
                             <div class="absolute box"></div>
                         </div>
                     </div>
             <div class="scroller">
                 <div class="scrolling-content">
                     Scrolling content
+                    <div class="sharing-preventer"></div>
                     <div class="containing">
                         Containing
                         <div class="stacking">
                             Stacking
+                            <div class="sharing-preventer"></div>
                             <div class="absolute box"></div>
                         </div>
                     </div>