mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-12-07 21:59:54 +00:00
025274cd86
Also renames the `clear_transitions` function to clarify this doesn't affect the associated transition animations. This fixes an issue where transitions weren't being cancelled when the relevant transition-property entry was no longer present
24 lines
633 B
HTML
24 lines
633 B
HTML
<!DOCTYPE html>
|
|
<style>
|
|
#foo {
|
|
transition: transform 100s;
|
|
}
|
|
</style>
|
|
<div id="foo"></div>
|
|
<script src="../include.js"></script>
|
|
<script>
|
|
test(() => {
|
|
// No animations to start with
|
|
println(document.getAnimations().length);
|
|
|
|
foo.style.transform = "rotate(90deg)";
|
|
|
|
// One animation when transition starts
|
|
println(document.getAnimations().length);
|
|
|
|
foo.style.transitionProperty = "none";
|
|
|
|
// No animations after transition is cancelled because relevant transition property no longer exists
|
|
println(document.getAnimations().length);
|
|
});
|
|
</script>
|