mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-08-21 09:49:21 +00:00
LibWeb: Fix extra validation for EasingStyleValue intervals
This commit is contained in:
parent
801499f13e
commit
b342758dbf
Notes:
github-actions[bot]
2024-11-19 13:11:56 +00:00
Author: https://github.com/shlyakpavel
Commit: b342758dbf
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/2419
Reviewed-by: https://github.com/gmta
3 changed files with 33 additions and 5 deletions
|
@ -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>
|
Loading…
Add table
Add a link
Reference in a new issue