Stowage/ladybird
2
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2026-06-29 04:30:24 +00:00
Code Issues Projects Releases Packages Wiki Activity
ladybird/Libraries/LibWeb/CSS/Invalidation/MediaQueryInvalidator.cpp

80 lines
3.1 KiB
C++
Raw Normal View History

LibWeb: Move media query style invalidation into a helper Document.cpp still handled CSS fallout from stylesheet media query match changes directly. Move active stylesheet evaluation, rule-cache invalidation, shadow-root fallout, and slot propagation into the CSS invalidation helper. Document continues to decide when media queries should be evaluated. The helper now owns the style invalidation consequences when stylesheet media queries change match state.
2026-04-29 12:18:28 +02:00
/*
* Copyright (c) 2026-present, the Ladybird developers
*
* SPDX-License-Identifier: BSD-2-Clause
*/
LibWeb: Target media query change invalidation When @media rules change match state, avoid treating that as a whole-document stylesheet change. Record the rules under the query that became effective or ineffective, build the normal stylesheet invalidation set from those rules, and invalidate only matching elements. Keep broad invalidation for rule kinds whose effects are not selector-targetable. Preserve cascade-wide fallout by reusing stylesheet-change shadow effect analysis for broad invalidations inside shadow roots. This keeps :host and slotted content current when active rules in the same shadow scope can match there. Also report an imported stylesheet's owner rule when the imported sheet's own media gate changes. Layered @import rules can affect layer ordering even when the imported sheet contributes no rules, so they need the same broad invalidation treatment as other cascade-wide rules. Add viewport resize coverage for media query breakpoints, broad shadow-root media invalidation, and empty layered imports whose media gate changes layer order.
2026-05-25 18:00:37 +02:00
#include <LibWeb/CSS/CSSKeyframesRule.h>
LibWeb: Move media query style invalidation into a helper Document.cpp still handled CSS fallout from stylesheet media query match changes directly. Move active stylesheet evaluation, rule-cache invalidation, shadow-root fallout, and slot propagation into the CSS invalidation helper. Document continues to decide when media queries should be evaluated. The helper now owns the style invalidation consequences when stylesheet media queries change match state.
2026-04-29 12:18:28 +02:00
#include <LibWeb/CSS/CSSStyleSheet.h>
#include <LibWeb/CSS/Invalidation/MediaQueryInvalidator.h>
#include <LibWeb/CSS/StyleScope.h>
#include <LibWeb/CSS/StyleSheetInvalidation.h>
#include <LibWeb/DOM/Document.h>
#include <LibWeb/DOM/ShadowRoot.h>
#include <LibWeb/DOM/StyleInvalidationReason.h>
namespace Web::CSS::Invalidation {
LibWeb: Target media query change invalidation When @media rules change match state, avoid treating that as a whole-document stylesheet change. Record the rules under the query that became effective or ineffective, build the normal stylesheet invalidation set from those rules, and invalidate only matching elements. Keep broad invalidation for rule kinds whose effects are not selector-targetable. Preserve cascade-wide fallout by reusing stylesheet-change shadow effect analysis for broad invalidations inside shadow roots. This keeps :host and slotted content current when active rules in the same shadow scope can match there. Also report an imported stylesheet's owner rule when the imported sheet's own media gate changes. Layered @import rules can affect layer ordering even when the imported sheet contributes no rules, so they need the same broad invalidation treatment as other cascade-wide rules. Add viewport resize coverage for media query breakpoints, broad shadow-root media invalidation, and empty layered imports whose media gate changes layer order.
2026-05-25 18:00:37 +02:00
struct MediaQueryRuleInvalidation {
StyleSheetInvalidationSet style_sheet_invalidation_set;
Vector<FlyString> keyframes_animation_names;
void add_rule(CSSRule const& rule)
{
extend_style_sheet_invalidation_set_with_rule(style_sheet_invalidation_set, rule);
if (auto const* keyframes_rule = as_if<CSSKeyframesRule>(rule))
keyframes_animation_names.append(keyframes_rule->name());
}
};
static void invalidate_style_after_media_rule_changes(DOM::Node& root, MediaQueryRuleInvalidation const& invalidation)
{
auto style_sheet_invalidation_set = invalidation.style_sheet_invalidation_set;
add_shadow_root_stylesheet_effects_for_broad_invalidation(
root,
style_sheet_invalidation_set,
style_sheet_invalidation_set.invalidation_set.needs_invalidate_whole_subtree());
invalidate_root_for_style_sheet_change(root, style_sheet_invalidation_set, DOM::StyleInvalidationReason::MediaQueryChangedMatchState);
for (auto const& animation_name : invalidation.keyframes_animation_names)
invalidate_root_for_keyframes_rule(root, animation_name);
}
LibWeb: Move media query style invalidation into a helper Document.cpp still handled CSS fallout from stylesheet media query match changes directly. Move active stylesheet evaluation, rule-cache invalidation, shadow-root fallout, and slot propagation into the CSS invalidation helper. Document continues to decide when media queries should be evaluated. The helper now owns the style invalidation consequences when stylesheet media queries change match state.
2026-04-29 12:18:28 +02:00
void evaluate_media_rules_and_invalidate_style(DOM::Document& document)
{
bool document_media_queries_changed_match_state = false;
LibWeb: Target media query change invalidation When @media rules change match state, avoid treating that as a whole-document stylesheet change. Record the rules under the query that became effective or ineffective, build the normal stylesheet invalidation set from those rules, and invalidate only matching elements. Keep broad invalidation for rule kinds whose effects are not selector-targetable. Preserve cascade-wide fallout by reusing stylesheet-change shadow effect analysis for broad invalidations inside shadow roots. This keeps :host and slotted content current when active rules in the same shadow scope can match there. Also report an imported stylesheet's owner rule when the imported sheet's own media gate changes. Layered @import rules can affect layer ordering even when the imported sheet contributes no rules, so they need the same broad invalidation treatment as other cascade-wide rules. Add viewport resize coverage for media query breakpoints, broad shadow-root media invalidation, and empty layered imports whose media gate changes layer order.
2026-05-25 18:00:37 +02:00
MediaQueryRuleInvalidation document_invalidation;
LibWeb: Move media query style invalidation into a helper Document.cpp still handled CSS fallout from stylesheet media query match changes directly. Move active stylesheet evaluation, rule-cache invalidation, shadow-root fallout, and slot propagation into the CSS invalidation helper. Document continues to decide when media queries should be evaluated. The helper now owns the style invalidation consequences when stylesheet media queries change match state.
2026-04-29 12:18:28 +02:00
document.style_scope().for_each_active_css_style_sheet([&](CSS::CSSStyleSheet& style_sheet) {
LibWeb: Target media query change invalidation When @media rules change match state, avoid treating that as a whole-document stylesheet change. Record the rules under the query that became effective or ineffective, build the normal stylesheet invalidation set from those rules, and invalidate only matching elements. Keep broad invalidation for rule kinds whose effects are not selector-targetable. Preserve cascade-wide fallout by reusing stylesheet-change shadow effect analysis for broad invalidations inside shadow roots. This keeps :host and slotted content current when active rules in the same shadow scope can match there. Also report an imported stylesheet's owner rule when the imported sheet's own media gate changes. Layered @import rules can affect layer ordering even when the imported sheet contributes no rules, so they need the same broad invalidation treatment as other cascade-wide rules. Add viewport resize coverage for media query breakpoints, broad shadow-root media invalidation, and empty layered imports whose media gate changes layer order.
2026-05-25 18:00:37 +02:00
if (style_sheet.evaluate_media_queries(document, [&](CSSRule const& changed_rule) {
document_invalidation.add_rule(changed_rule);
}))
LibWeb: Move media query style invalidation into a helper Document.cpp still handled CSS fallout from stylesheet media query match changes directly. Move active stylesheet evaluation, rule-cache invalidation, shadow-root fallout, and slot propagation into the CSS invalidation helper. Document continues to decide when media queries should be evaluated. The helper now owns the style invalidation consequences when stylesheet media queries change match state.
2026-04-29 12:18:28 +02:00
document_media_queries_changed_match_state = true;
});
document.for_each_shadow_root([&](auto& shadow_root) {
bool shadow_root_media_queries_changed_match_state = false;
LibWeb: Target media query change invalidation When @media rules change match state, avoid treating that as a whole-document stylesheet change. Record the rules under the query that became effective or ineffective, build the normal stylesheet invalidation set from those rules, and invalidate only matching elements. Keep broad invalidation for rule kinds whose effects are not selector-targetable. Preserve cascade-wide fallout by reusing stylesheet-change shadow effect analysis for broad invalidations inside shadow roots. This keeps :host and slotted content current when active rules in the same shadow scope can match there. Also report an imported stylesheet's owner rule when the imported sheet's own media gate changes. Layered @import rules can affect layer ordering even when the imported sheet contributes no rules, so they need the same broad invalidation treatment as other cascade-wide rules. Add viewport resize coverage for media query breakpoints, broad shadow-root media invalidation, and empty layered imports whose media gate changes layer order.
2026-05-25 18:00:37 +02:00
MediaQueryRuleInvalidation shadow_root_invalidation;
LibWeb: Move media query style invalidation into a helper Document.cpp still handled CSS fallout from stylesheet media query match changes directly. Move active stylesheet evaluation, rule-cache invalidation, shadow-root fallout, and slot propagation into the CSS invalidation helper. Document continues to decide when media queries should be evaluated. The helper now owns the style invalidation consequences when stylesheet media queries change match state.
2026-04-29 12:18:28 +02:00
shadow_root.style_scope().for_each_active_css_style_sheet([&](CSS::CSSStyleSheet& style_sheet) {
LibWeb: Target media query change invalidation When @media rules change match state, avoid treating that as a whole-document stylesheet change. Record the rules under the query that became effective or ineffective, build the normal stylesheet invalidation set from those rules, and invalidate only matching elements. Keep broad invalidation for rule kinds whose effects are not selector-targetable. Preserve cascade-wide fallout by reusing stylesheet-change shadow effect analysis for broad invalidations inside shadow roots. This keeps :host and slotted content current when active rules in the same shadow scope can match there. Also report an imported stylesheet's owner rule when the imported sheet's own media gate changes. Layered @import rules can affect layer ordering even when the imported sheet contributes no rules, so they need the same broad invalidation treatment as other cascade-wide rules. Add viewport resize coverage for media query breakpoints, broad shadow-root media invalidation, and empty layered imports whose media gate changes layer order.
2026-05-25 18:00:37 +02:00
if (style_sheet.evaluate_media_queries(document, [&](CSSRule const& changed_rule) {
shadow_root_invalidation.add_rule(changed_rule);
}))
LibWeb: Move media query style invalidation into a helper Document.cpp still handled CSS fallout from stylesheet media query match changes directly. Move active stylesheet evaluation, rule-cache invalidation, shadow-root fallout, and slot propagation into the CSS invalidation helper. Document continues to decide when media queries should be evaluated. The helper now owns the style invalidation consequences when stylesheet media queries change match state.
2026-04-29 12:18:28 +02:00
shadow_root_media_queries_changed_match_state = true;
});
if (!shadow_root_media_queries_changed_match_state)
return;
shadow_root.style_scope().invalidate_rule_cache();
LibWeb: Target media query change invalidation When @media rules change match state, avoid treating that as a whole-document stylesheet change. Record the rules under the query that became effective or ineffective, build the normal stylesheet invalidation set from those rules, and invalidate only matching elements. Keep broad invalidation for rule kinds whose effects are not selector-targetable. Preserve cascade-wide fallout by reusing stylesheet-change shadow effect analysis for broad invalidations inside shadow roots. This keeps :host and slotted content current when active rules in the same shadow scope can match there. Also report an imported stylesheet's owner rule when the imported sheet's own media gate changes. Layered @import rules can affect layer ordering even when the imported sheet contributes no rules, so they need the same broad invalidation treatment as other cascade-wide rules. Add viewport resize coverage for media query breakpoints, broad shadow-root media invalidation, and empty layered imports whose media gate changes layer order.
2026-05-25 18:00:37 +02:00
invalidate_style_after_media_rule_changes(shadow_root, shadow_root_invalidation);
LibWeb: Move media query style invalidation into a helper Document.cpp still handled CSS fallout from stylesheet media query match changes directly. Move active stylesheet evaluation, rule-cache invalidation, shadow-root fallout, and slot propagation into the CSS invalidation helper. Document continues to decide when media queries should be evaluated. The helper now owns the style invalidation consequences when stylesheet media queries change match state.
2026-04-29 12:18:28 +02:00
});
if (document_media_queries_changed_match_state) {
document.style_scope().invalidate_rule_cache();
LibWeb: Target media query change invalidation When @media rules change match state, avoid treating that as a whole-document stylesheet change. Record the rules under the query that became effective or ineffective, build the normal stylesheet invalidation set from those rules, and invalidate only matching elements. Keep broad invalidation for rule kinds whose effects are not selector-targetable. Preserve cascade-wide fallout by reusing stylesheet-change shadow effect analysis for broad invalidations inside shadow roots. This keeps :host and slotted content current when active rules in the same shadow scope can match there. Also report an imported stylesheet's owner rule when the imported sheet's own media gate changes. Layered @import rules can affect layer ordering even when the imported sheet contributes no rules, so they need the same broad invalidation treatment as other cascade-wide rules. Add viewport resize coverage for media query breakpoints, broad shadow-root media invalidation, and empty layered imports whose media gate changes layer order.
2026-05-25 18:00:37 +02:00
invalidate_style_after_media_rule_changes(document, document_invalidation);
LibWeb: Move media query style invalidation into a helper Document.cpp still handled CSS fallout from stylesheet media query match changes directly. Move active stylesheet evaluation, rule-cache invalidation, shadow-root fallout, and slot propagation into the CSS invalidation helper. Document continues to decide when media queries should be evaluated. The helper now owns the style invalidation consequences when stylesheet media queries change match state.
2026-04-29 12:18:28 +02:00
}
}
}
Reference in a new issue Copy permalink