meta: add test position:absolute without top/left which use document …

…flow
odoo · Sep 24, 2024 · 65cb7de · 65cb7de
1 parent 1cc57bd
commit 65cb7de
Showing 1 changed file with 37 additions and 1 deletion.
diff --git a/tests/css/position.xhtml b/tests/css/position.xhtml
@@ -170,15 +170,51 @@
         </div>
     </rendering>
 
-    <rendering>
+    <rendering help="The absolutely positioned box remained in the document flow for the undefined top position.">
+        <div class="green" style="position: absolute; top: 30px; left: 30px;"></div>
+        <div style="position: absolute; top: -40px; left: 60px;">
+            <div></div>
+            <div class="red" style="position: absolute;"></div>
+        </div>
+        <div class="blue" style="position: absolute; top: 10px; left: 10px;"></div>
+    </rendering>
+
+    <rendering help="The absolutely positioned box remained in the document flow for the undefined top position.">
         <div class="green" style="position: absolute; top: 30px; left: 30px;"></div>
         <div style="position: absolute; top: -40px; left: 60px;">
+            <div></div>
+            <div class="red" style="position: absolute; left: 0px;"></div>
+        </div>
+        <div class="blue" style="position: absolute; top: 10px; left: 10px;"></div>
+    </rendering>
+
+    <rendering help="The absolutely positioned box remained in the document flow for the undefined top position.">
+        <div class="green" style="position: absolute; top: 30px; left: 30px;"></div>
+        <div style="position: absolute; top: -40px; left: 55px; padding-left: 25px;">
+            <div></div>
+            <div class="red" style="position: absolute; left: 5px;"></div>
+        </div>
+        <div class="blue" style="position: absolute; top: 10px; left: 10px;"></div>
+    </rendering>
+
+    <rendering help="The absolutely positioned box remained in the document flow for the undefined top position.">
+        <div class="green" style="position: absolute; top: 30px; left: 30px;"></div>
+        <div style="position: absolute; top: -40px; left: 35px; padding-left: 25px;">
             <div></div>
             <div class="red" style="position: absolute;"></div>
         </div>
         <div class="blue" style="position: absolute; top: 10px; left: 10px;"></div>
     </rendering>
 
+    <error>
+        <div class="green" style="position: absolute; top: 30px; left: 30px;"></div>
+        <div style="position: absolute; top: -40px; left: 35px; padding-left: 25px;">
+            <div></div>
+            <div class="red" style="position: absolute; left: 0;"></div>
+        </div>
+        <div class="blue" style="position: absolute; top: 10px; left: 10px;"></div>
+    </error>
+
     <error>
         <div class="green" style="position: absolute; top: 30px; left: 30px;"></div>
         <div style="position: absolute; top: -40px; left: 60px;">