mirrors/ladybird
0
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-08-30 06:06:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

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
commit fa950a5727
Notes: github-actions[bot] 2025-03-13 18:21:38 +00:00
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>