mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-26 17:55:07 +02:00
9d49fcc87b
Previously we assumed that if the non-animated value was inherited then the animated value must be also which is not true.
42 lines
918 B
HTML
42 lines
918 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<style>
|
|
@keyframes fooAnim {
|
|
from,
|
|
to {
|
|
color: red;
|
|
}
|
|
}
|
|
|
|
#foo {
|
|
animation: fooAnim 1s infinite;
|
|
}
|
|
|
|
@keyframes barAnim {
|
|
from,
|
|
to {
|
|
color: green;
|
|
}
|
|
}
|
|
|
|
#bar {
|
|
animation: barAnim 1s infinite;
|
|
}
|
|
</style>
|
|
<div id="foo"><div id="bar"></div></div>
|
|
<script src="../include.js"></script>
|
|
<script>
|
|
asyncTest(done => {
|
|
requestAnimationFrame(() => {
|
|
requestAnimationFrame(() => {
|
|
// Trigger recomputation of inherited style for #bar
|
|
foo.style.fontSize = "20px";
|
|
|
|
println(getComputedStyle(bar).color);
|
|
done();
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
</html>
|