LibWeb: Implement CSS 'contain' property

This commit is contained in:
Psychpsyo 2025-01-18 20:39:26 +01:00 committed by Sam Atkins
parent c53c781745
commit 67ed676831
Notes: github-actions[bot] 2025-01-28 11:25:39 +00:00
154 changed files with 4200 additions and 117 deletions

View file

@ -6,6 +6,7 @@
#include <LibWeb/Bindings/HTMLHtmlElementPrototype.h>
#include <LibWeb/Bindings/Intrinsics.h>
#include <LibWeb/HTML/HTMLBodyElement.h>
#include <LibWeb/HTML/HTMLHtmlElement.h>
#include <LibWeb/Layout/Node.h>
@ -28,6 +29,18 @@ void HTMLHtmlElement::initialize(JS::Realm& realm)
bool HTMLHtmlElement::should_use_body_background_properties() const
{
// https://drafts.csswg.org/css-contain-2/#contain-property
// Additionally, when any containments are active on either the HTML <html> or <body> elements, propagation of
// properties from the <body> element to the initial containing block, the viewport, or the canvas background, is
// disabled. Notably, this affects:
// - 'background' and its longhands (see CSS Backgrounds 3 §2.11.2 The Canvas Background and the HTML <body> Element)
if (!computed_properties()->contain().is_empty())
return false;
auto* body_element = first_child_of_type<HTML::HTMLBodyElement>();
if (body_element && !body_element->computed_properties()->contain().is_empty())
return false;
auto background_color = layout_node()->computed_values().background_color();
auto const& background_layers = layout_node()->background_layers();