mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-05-05 06:32:30 +02:00
LibWeb: Dont skip invalid properties when coordinating transition list
Unrecognized property names should still be kept in the list to preserve matching of indices (e.g. that the Nth property should associate with the Nth duration)
This commit is contained in:
Notes:
github-actions[bot]
2025-10-23 09:11:37 +00:00
Author: https://github.com/Calme1709 Commit: https://github.com/LadybirdBrowser/ladybird/commit/e78cb71eb37 Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/6508 Reviewed-by: https://github.com/AtkinsSJ ✅
27
Tests/LibWeb/Text/input/css/transition-coordination.html
Normal file
27
Tests/LibWeb/Text/input/css/transition-coordination.html
Normal file
@@ -0,0 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<style>
|
||||
#foo {
|
||||
transition-property: non-property-ident, top, left, right;
|
||||
transition-duration: 1s, 2s;
|
||||
}
|
||||
</style>
|
||||
<div id="foo" style="top: 0; left: 0; right: 0"></div>
|
||||
<script src="../include.js"></script>
|
||||
<script>
|
||||
promiseTest(async () => {
|
||||
await animationFrame();
|
||||
await animationFrame();
|
||||
|
||||
foo.style.top = "10px";
|
||||
foo.style.left = "10px";
|
||||
foo.style.right = "10px";
|
||||
|
||||
for (const animation of document.getAnimations()) {
|
||||
println(
|
||||
`${animation.transitionProperty}: ${animation.effect.getTiming().duration}`
|
||||
);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
Reference in New Issue
Block a user