LadybirdBrowser/ladybird
1
1
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-01-07 19:57:45 +03:00
Code Issues Packages Projects Releases Wiki Activity

Base: Add some more border-radius test cases

Browse Source 
This adds a test for overflow: hidden + border-radius clipping
child positioned elements, and child backgrounds.
This commit is contained in:
MacDue 2022-07-19 11:09:58 +01:00 committed by Andreas Kling
parent 0b0a691ecd
commit c12c9eed38
Notes: sideshowbarker 2024-07-17 08:45:47 +09:00 
Author: https://github.com/MacDue
Commit: https://github.com/SerenityOS/serenity/commit/c12c9eed38
Pull-request: https://github.com/SerenityOS/serenity/pull/14622
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
Base/res/html/misc/border-radius.html
View File

@ -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>