eliott/ladybird
1
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird synced 2026-04-28 02:27:19 +02:00
Code Issues Packages Projects Releases Wiki Activity

LibWeb: Narrow stylesheet add/remove invalidation

Browse Source 
Avoid broad document invalidation when adding or removing ordinary
document-owned or shadow-owned stylesheets. Reuse the targeted
StyleSheetInvalidation path for style rules, including shadow-host
escapes, pseudo-element-only selectors, and trailing-universal cases.

Keep the broad path for sheet contents whose effects are not captured
by selector invalidation alone, including @property, @font-face,
@font-feature-values, @keyframes, imported sheets, and top-level @layer
blocks. Broad-path shadow-root sheets still reach host-side consumers
through their active-scope effects.
This commit is contained in:
Andreas Kling
2026-04-22 22:37:41 +02:00
committed by Andreas Kling
parent cfa75e6eb4
commit 928a5247ff
Notes: github-actions[bot] 2026-04-23 14:49:29 +00:00 
Author: https://github.com/awesomekling
Commit: https://github.com/LadybirdBrowser/ladybird/commit/928a5247ff3
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/9049
44 changed files with 909 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
Tests/LibWeb/Text/input/css/stylesheet-remove-pseudo-element-only-invalidation.html Normal file
View File

@@ -0,0 +1,19 @@
<!DOCTYPE html>
<script src="../include.js"></script>
<div id="target" class="foo">target</div>
<script>
test(() => {
const target = document.getElementById("target");
const style = document.createElement("style");
style.textContent = ".foo::before { content: ''; color: rgb(255, 0, 0); background-color: rgb(0, 255, 0); }";
document.head.appendChild(style);
println(`before color: ${getComputedStyle(target, "::before").color}`);
println(`before background: ${getComputedStyle(target, "::before").backgroundColor}`);
style.remove();
println(`after color: ${getComputedStyle(target, "::before").color}`);
println(`after background: ${getComputedStyle(target, "::before").backgroundColor}`);
});
</script>