LibWeb: Add paint containment clipping

The contain-paint-stacking-context-001a.html test has been removed
for now because it has a 1px tall blue line at the top that should
not be there. With paint containment, this line is removed only in
the actual test case, but not in the reference. This is because of
the font that we use in testing and happens in Chromium as well if
the test is run with that font.
This commit is contained in:
Psychpsyo
2025-05-03 11:46:39 +02:00
committed by Alexander Kalenik
parent ed7374783d
commit 4989c5c793
Notes: github-actions[bot] 2025-05-13 12:32:31 +00:00
4 changed files with 84 additions and 67 deletions

View File

@@ -0,0 +1,26 @@
<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>CSS-contain test: paint containment use the padding edge</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
<style>
div {
width: 100px;
height: 100px;
background: blue;
padding: 50px;
border-radius: 100px;
overflow: hidden
}
div::before {
content:"";
display: block;
background: green;
width: 100px;
height: 100px;
}
</style>
<p>Test passes if there is a green square in a rounded blue box, and no red.
<div></div>