From c12c9eed380b7e929ec8b1596a0f128367f9a255 Mon Sep 17 00:00:00 2001
From: MacDue <macdue@dueutil.tech>
Date: Tue, 19 Jul 2022 11:09:58 +0100
Subject: Base: Add some more border-radius test cases

This adds a test for overflow: hidden + border-radius clipping
child positioned elements, and child backgrounds.
---
 Base/res/html/misc/border-radius.html | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

(limited to 'Base/res/html/misc')

diff --git a/Base/res/html/misc/border-radius.html b/Base/res/html/misc/border-radius.html
index c4fb3bd200..dc58a51f6c 100644
--- a/Base/res/html/misc/border-radius.html
+++ b/Base/res/html/misc/border-radius.html
@@ -223,6 +223,11 @@
             border-radius: 50px;
             padding: 10px;
         }
+
+        .positioned {
+            background-color: red;
+            position: relative;
+        }
     </style>
 </head>
 
@@ -330,6 +335,16 @@
         <img src="car.png" style="width: 100px; height: 100px">
     </a>
     <br>
+    <em>A red div with position: relative within a parent with overflow: hidden + a border-radius</em><br>
+    <div class="box" style="border-radius: 10px; overflow: hidden;">
+        <div class="box positioned"></div>
+    </div>
+    <br>
+    <em>A blue (background) div within a parent with overflow: hidden + a border-radius</em><br>
+    <div class="box" style="border-radius: 10px; overflow: hidden;">
+        <div class="box" style="background-color: blue;"></div>
+    </div>
+    <br>
     <br>
 
     <p>All these are non-conventional elements with a border-radius :^)<p>
-- 
cgit v1.2.3