mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-05-05 06:32:30 +02:00
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:
committed by
Alexander Kalenik
parent
ed7374783d
commit
4989c5c793
Notes:
github-actions[bot]
2025-05-13 12:32:31 +00:00
Author: https://github.com/Psychpsyo Commit: https://github.com/LadybirdBrowser/ladybird/commit/4989c5c7933 Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/4565 Reviewed-by: https://github.com/gmta Reviewed-by: https://github.com/kalenikaliaksandr
@@ -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>
|
||||
Reference in New Issue
Block a user