LibWeb: Fix extra validation for EasingStyleValue intervals

This commit is contained in:
Pavel Shliak 2024-11-18 17:13:42 +04:00 committed by Alexander Kalenik
commit b342758dbf
Notes: github-actions[bot] 2024-11-19 13:11:56 +00:00
3 changed files with 33 additions and 5 deletions

View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<style>
@keyframes test-animation {
from {
transform: translateX(0);
}
to {
transform: translateX(100px);
}
}
.animate {
animation: test-animation 2s steps(1, jump-none) infinite;
}
</style>
<div class="box animate" style="width: 50px; height: 50px; background-color: red;"></div>
<script src="../../include.js"></script>
<script>
test(() => {
// Apply animation dynamically to trigger re-computation.
document.querySelector('.box').classList.add('animate');
// Log computed style to confirm the animation is parsed and applied correctly.
const animation = getComputedStyle(document.querySelector('.box')).animationTimingFunction;
println('Computed animation-timing-function: ' + animation);
});
</script>