mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-30 11:37:16 +02:00
LibWeb: Implement CSS 'contain' property
This commit is contained in:
Notes:
github-actions[bot]
2025-01-28 11:25:39 +00:00
Author: https://github.com/Psychpsyo Commit: https://github.com/LadybirdBrowser/ladybird/commit/67ed6768313 Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/3296 Reviewed-by: https://github.com/AtkinsSJ ✅
@@ -0,0 +1,28 @@
|
||||
<!doctype html>
|
||||
<html lang=en>
|
||||
<meta charset=utf-8>
|
||||
<title>CSS-contain test: size containment on html prevents overflow propagation</title>
|
||||
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="size containment on html prevents overflow propagation">
|
||||
<link rel="match" href="../../../../expected/wpt-import/css/css-contain/reference/contain-body-overflow-001-ref.html">
|
||||
<link rel=help href="https://drafts.csswg.org/css-contain-1/#contain-property">
|
||||
|
||||
<style>
|
||||
html, body, p, div {
|
||||
margin: 0;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
}
|
||||
div { background: red; }
|
||||
body {
|
||||
overflow: hidden;
|
||||
}
|
||||
html {
|
||||
contain: size;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is no red.
|
||||
|
||||
<div></div>
|
||||
Reference in New Issue
Block a user