mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-07-12 20:11:51 +00:00
fa950a5727
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.
29 lines
684 B
HTML
29 lines
684 B
HTML
<!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>
|