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

LibWeb: Invalidate element with CSS custom props on attribute changes

Browse Source 
Element styles should be invalidated when they depend on CSS variables
defined in one of their ancesors or when one of their ancestors change
their class, due to the possibility of adding new CSS variables in
scope.
This commit is contained in:
Kevin Mas Ruiz
2025-03-07 22:57:14 +01:00
committed by Alexander Kalenik
parent 8e1ecd25ae
commit fa950a5727
Notes: github-actions[bot] 2025-03-13 18:21:38 +00:00 
Author: https://github.com/kmruiz 🔰
Commit: https://github.com/LadybirdBrowser/ladybird/commit/fa950a5727a
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/3853
Reviewed-by: https://github.com/kalenikaliaksandr ✅
3 changed files with 41 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
Tests/LibWeb/Text/input/CSSStyleDeclaration-custom-properties-3838.html Normal file
View File

@@ -0,0 +1,29 @@
<!DOCTYPE html>
<script src="./include.js"></script>
<style>
body {
--color: red;
}
body.green {
--color: green;
}
</style>
<body></body>
<script>
test(() => {
const div = document.createElement('div');
document.body.appendChild(div);
div.style["backgroundColor"] = "var(--color)";
div.style["width"] = "100px";
div.style["height"] = "100px";
const bgColorBefore = getComputedStyle(div).backgroundColor;
document.body.className = "green";
const bgColorAfter = getComputedStyle(div).backgroundColor;
println(bgColorBefore);
println(bgColorAfter);
});
</script>