eliott/ladybird
1
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird synced 2026-04-28 10:37:17 +02:00
Code Issues Packages Projects Releases Wiki Activity

LibWeb: Add overflow-clip-margin-* properties

Browse Source 
The corner radius isn't quite right yet, but this gives us
another couple WPT passes for these.
This commit is contained in:
Psychpsyo
2026-02-12 18:00:38 +01:00
committed by Alexander Kalenik
parent 3253ddfcb2
commit a7267f711b
Notes: github-actions[bot] 2026-02-14 21:59:33 +00:00 
Author: https://github.com/Psychpsyo
Commit: https://github.com/LadybirdBrowser/ladybird/commit/a7267f711bc
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/7833
Reviewed-by: https://github.com/Calme1709
Reviewed-by: https://github.com/kalenikaliaksandr
28 changed files with 674 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
Tests/LibWeb/Ref/input/wpt-import/css/css-overflow/overflow-clip-margin-004.html Normal file
View File

@@ -0,0 +1,42 @@
<!doctype html>
<meta charset="utf-8">
<title>Verifies overflow-clip-margin extends outside bounds with contain: paint</title>
<link rel="help" href="https://www.w3.org/TR/css-overflow-3/#propdef-overflow-clip-margin">
<link rel="author" title="Scott Violet" href="mailto:sky@chromium.org">
<link rel="match" href="../../../../expected/wpt-import/css/css-overflow/overflow-clip-margin-004-ref.html">
<style>
.container {
display: flex;
}
.parent {
width: 100px;
height: 100px;
flex: none;
contain: paint;
overflow-clip-margin: 10px;
}
.child {
width: 200px;
height: 200px;
position: relative;
top: -50px;
left: -50px;
background-color: green;
}
.spacer {
flex: none;
height: 100px;
width: 100px;
}
</style>
<p>You should see two green squares touching each other. The one on the
right should be slightly larger.</p>
<div class="spacer"></div>
<div class="container">
<div class="spacer" style="width: 90px; background-color: green"></div>
<div class="spacer" style="width: 10px"></div>
<div class="parent">
<div class="child"></div>
</div>
</div>