mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-04-27 14:58:46 +00:00
LibWeb: Implement CSS 'contain' property
This commit is contained in:
parent
c53c781745
commit
67ed676831
Notes:
github-actions[bot]
2025-01-28 11:25:39 +00:00
Author: https://github.com/Psychpsyo
Commit: 67ed676831
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/3296
Reviewed-by: https://github.com/AtkinsSJ ✅
154 changed files with 4200 additions and 117 deletions
|
@ -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();
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue