fergalmoran/ladybird
1
0
Fork 0
mirror of https://github.com/fergalmoran/ladybird.git synced 2026-01-03 15:16:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

LibWeb: Implement CSS 'contain' property

Browse Source
This commit is contained in:
Psychpsyo
2025-01-18 20:39:26 +01:00
committed by Sam Atkins
parent c53c781745
commit 67ed676831
154 changed files with 4200 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
Libraries/LibWeb/Layout/Node.cpp
View File

@@ -89,6 +89,17 @@ bool Node::can_contain_boxes_with_position_absolute() const
if (computed_values().scale().has_value())
return true;
// https://drafts.csswg.org/css-contain-2/#containment-types
// 4. The layout containment box establishes an absolute positioning containing block and a fixed positioning
// containing block.
// 4. The paint containment box establishes an absolute positioning containing block and a fixed positioning
// containing block.
if (dom_node() && dom_node()->is_element()) {
auto element = as<DOM::Element>(dom_node());
if (element->has_layout_containment() || element->has_paint_containment())
return true;
}
return false;
}
@@ -220,6 +231,15 @@ bool Node::establishes_stacking_context() const
if (computed_values().isolation() == CSS::Isolation::Isolate)
return true;
// https://drafts.csswg.org/css-contain-2/#containment-types
// 5. The layout containment box creates a stacking context.
// 3. The paint containment box creates a stacking context.
if (dom_node() && dom_node()->is_element()) {
auto element = as<DOM::Element>(dom_node());
if (element->has_layout_containment() || element->has_paint_containment())
return true;
}
return computed_values().opacity() < 1.0f;
}