Files
ladybird/Tests/LibWeb/Ref/input/css/recomputing-inherited-style-doesnt-remove-important.html
Callum Law 9de4e3a0eb LibWeb: Avoid resetting important flag when recomputing inherited style
We were missing the important flag here so would always reset it to
false
2025-11-28 16:15:49 +00:00

29 lines
661 B
HTML

<!DOCTYPE html>
<link rel="match" href="../../expected/css/recomputing-inherited-style-doesnt-remove-important-ref.html" />
<style>
@keyframes fontSize {
from {
width: 5em;
}
to {
width: 5em;
}
}
#bar {
width: 1em !important;
animation: fontSize 1s infinite;
background-color: green;
height: 1em;
}
</style>
<div id="foo"><div id="bar"></div></div>
<script>
requestAnimationFrame(() => {
requestAnimationFrame(() => {
getComputedStyle(foo).fontSize;
foo.style.setProperty("color", "blue");
});
});
</script>