ladybird/Libraries/LibWeb/CSS/StyleInvalidation.h
Andreas Kling d0b47e32c9 LibWeb: Propagate inherited style into shadow roots
Track when style recomputation may require inherited-style work in a
shadow tree, and use that signal when crossing from a shadow host into
its shadow root. Shadow descendants can explicitly inherit normally
non-inherited host properties, so any host style change may need
inherited-style recomputation there.

Use the CSS property definition to tell whether changed longhands need
to propagate to shadow descendants. Do the same after recomputing
inheritance-dependent values, such as host font-size: 2em after a parent
font-size change.

The shadow DOM tests cover inline and class-driven inherited host style
changes, explicit inherit for non-inherited host properties, relative
units on hosts, and nested slotted inheritance updates.
2026-05-22 09:38:59 +02:00

42 lines
1.9 KiB
C++

/*
* Copyright (c) 2024, Aliaksandr Kalenik <kalenik.aliaksandr@gmail.com>
*
* SPDX-License-Identifier: BSD-2-Clause
*/
#pragma once
#include <LibWeb/Forward.h>
namespace Web::CSS {
struct RequiredInvalidationAfterStyleChange {
bool repaint : 1 { false };
bool rebuild_stacking_context_tree : 1 { false };
bool relayout : 1 { false };
bool rebuild_layout_tree : 1 { false };
bool rebuild_accumulated_visual_contexts : 1 { false };
// The element's change affects rule matching for descendants, without necessarily changing inherited style.
bool recompute_descendant_styles : 1 { false };
// At least one inherited longhand changed, so shadow-tree descendants may need inherited style recomputation.
bool inherited_style_changed : 1 { false };
void operator|=(RequiredInvalidationAfterStyleChange const& other)
{
repaint |= other.repaint;
rebuild_stacking_context_tree |= other.rebuild_stacking_context_tree;
relayout |= other.relayout;
rebuild_layout_tree |= other.rebuild_layout_tree;
rebuild_accumulated_visual_contexts |= other.rebuild_accumulated_visual_contexts;
recompute_descendant_styles |= other.recompute_descendant_styles;
inherited_style_changed |= other.inherited_style_changed;
}
[[nodiscard]] bool is_none() const { return !repaint && !rebuild_stacking_context_tree && !relayout && !rebuild_layout_tree && !rebuild_accumulated_visual_contexts && !recompute_descendant_styles && !inherited_style_changed; }
[[nodiscard]] bool is_full() const { return repaint && rebuild_stacking_context_tree && relayout && rebuild_layout_tree; }
static RequiredInvalidationAfterStyleChange full() { return { true, true, true, true, false }; }
};
RequiredInvalidationAfterStyleChange compute_property_invalidation(CSS::PropertyID property_id, StyleValue const* old_value, StyleValue const* new_value);
}