Base: Add some more border-radius test cases

This adds a test for overflow: hidden + border-radius clipping
child positioned elements, and child backgrounds.

1 files changed, 15 insertions, 0 deletions

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>