From c39378bee6ca3780cead72d5295947d9d5ab2ab7 Mon Sep 17 00:00:00 2001 From: canalun Date: Fri, 10 Apr 2026 14:46:14 -0400 Subject: [PATCH 1/7] add animation prop to css animations and transitions --- css-animations-2/Overview.bs | 30 ++++++++++++++++++++++++++++++ css-transitions-2/Overview.bs | 27 +++++++++++++++++++++++++++ 2 files changed, 57 insertions(+) diff --git a/css-animations-2/Overview.bs b/css-animations-2/Overview.bs index 81573af9a92a..f951ebb87a60 100644 --- a/css-animations-2/Overview.bs +++ b/css-animations-2/Overview.bs @@ -878,6 +878,36 @@ expressed in milliseconds, it must be divided by 1,000 to produce a value in seconds before being assigned to the {{AnimationEvent/elapsedTime}} member of the {{AnimationEvent}}. +When an event is dispatched, its {{AnimationEvent/animation}} attribute is initialized to +the corresponding CSS Animation object. + +## The AnimationEvent Interface + +### IDL Definition + +Add animation to the {{AnimationEvent}} interface and {{AnimationEventInit}} dictionary as follows: + +
+[Exposed=Window]
+partial interface AnimationEvent {
+  readonly attribute CSSAnimation? animation;
+};
+
+partial dictionary AnimationEventInit {
+  CSSAnimation? animation = null;
+};
+
+ +### Attributes + +Add attribute descriptions as follows: + +
+
animation +
+ The CSS Animation corresponding to the animation that fired the event. +
+ # DOM Interfaces # {#interface-dom} ## The CSSAnimation interface ## {#the-CSSAnimation-interface} diff --git a/css-transitions-2/Overview.bs b/css-transitions-2/Overview.bs index d4718f7b4548..7b5181650f3a 100644 --- a/css-transitions-2/Overview.bs +++ b/css-transitions-2/Overview.bs @@ -582,6 +582,33 @@ the {{TransitionEvent}}. +When an event is dispatched, its {{TransitionEvent/animation}} attribute is initialized to +the corresponding CSS Transition object. + +## Interface {{TransitionEvent}} ## {#interface-transitionevent} + +Add animation to the {{TransitionEvent}} interface and {{TransitionEventInit}} dictionary as follows: + +### IDL Definition ### {#interface-transitionevent-idl} + +
+[Exposed=Window]
+partial interface TransitionEvent {
+  readonly attribute CSSTransition? animation;
+};
+
+partial dictionary TransitionEventInit {
+  CSSTransition? animation = null;
+};
+
+ +### Attributes ### {#interface-transitionevent-attributes} + +Add attribute descriptions as follows: + +: animation +:: The CSS Transition corresponding to the transition that fired the event. + # DOM Interfaces # {#interface-dom} ## The CSSTransition interface ## {#the-CSSTransition-interface} From 1a3b2ace32d14a61e90e33714c430b8250a67ed2 Mon Sep 17 00:00:00 2001 From: canalun Date: Wed, 15 Apr 2026 05:37:21 +0900 Subject: [PATCH 2/7] Update css-animations-2/Overview.bs Co-authored-by: Brian Birtles --- css-animations-2/Overview.bs | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css-animations-2/Overview.bs b/css-animations-2/Overview.bs index f951ebb87a60..65952442b3ef 100644 --- a/css-animations-2/Overview.bs +++ b/css-animations-2/Overview.bs @@ -881,7 +881,7 @@ the {{AnimationEvent}}. When an event is dispatched, its {{AnimationEvent/animation}} attribute is initialized to the corresponding CSS Animation object. -## The AnimationEvent Interface +## The AnimationEvent Interface ## {#interface-animationevent} ### IDL Definition From b8fc9a332055a9892dce90a609e019a373a39161 Mon Sep 17 00:00:00 2001 From: canalun Date: Wed, 15 Apr 2026 05:37:47 +0900 Subject: [PATCH 3/7] Update css-animations-2/Overview.bs Co-authored-by: Brian Birtles --- css-animations-2/Overview.bs | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css-animations-2/Overview.bs b/css-animations-2/Overview.bs index 65952442b3ef..47722bfb43c5 100644 --- a/css-animations-2/Overview.bs +++ b/css-animations-2/Overview.bs @@ -883,7 +883,7 @@ the corresponding CSS Animation object. ## The AnimationEvent Interface ## {#interface-animationevent} -### IDL Definition +### IDL Definition ### {#interface-animationevent-idl} Add animation to the {{AnimationEvent}} interface and {{AnimationEventInit}} dictionary as follows: From 07832ad7172002f164f007e775c760c7811bb256 Mon Sep 17 00:00:00 2001 From: canalun Date: Wed, 15 Apr 2026 05:39:04 +0900 Subject: [PATCH 4/7] Update css-animations-2/Overview.bs Co-authored-by: Brian Birtles --- css-animations-2/Overview.bs | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css-animations-2/Overview.bs b/css-animations-2/Overview.bs index 47722bfb43c5..0f57026f54a0 100644 --- a/css-animations-2/Overview.bs +++ b/css-animations-2/Overview.bs @@ -885,7 +885,7 @@ the corresponding CSS Animation object. ### IDL Definition ### {#interface-animationevent-idl} -Add animation to the {{AnimationEvent}} interface and {{AnimationEventInit}} dictionary as follows: +Add {{AnimationEvent/animation}} to the {{AnimationEvent}} interface and {{AnimationEventInit}} dictionary as follows: 
 [Exposed=Window]

From d95629fcca9f0d98e987bb82f17e5bb25035a523 Mon Sep 17 00:00:00 2001
From: canalun 
Date: Wed, 15 Apr 2026 05:39:44 +0900
Subject: [PATCH 5/7] Update css-animations-2/Overview.bs

Co-authored-by: Brian Birtles 
---
 css-animations-2/Overview.bs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/css-animations-2/Overview.bs b/css-animations-2/Overview.bs
index 0f57026f54a0..9ee3c3b79053 100644
--- a/css-animations-2/Overview.bs
+++ b/css-animations-2/Overview.bs
@@ -898,7 +898,7 @@ partial dictionary AnimationEventInit {
 };
-### Attributes +### Attributes ### {#interface-animationevent-attributes} Add attribute descriptions as follows: From 7d306878e1337993349ce3d5c06ed93dfe43371e Mon Sep 17 00:00:00 2001 From: canalun Date: Wed, 15 Apr 2026 07:06:55 +0900 Subject: [PATCH 6/7] Update css-animations-2/Overview.bs Co-authored-by: Brian Birtles --- css-animations-2/Overview.bs | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css-animations-2/Overview.bs b/css-animations-2/Overview.bs index 9ee3c3b79053..1ae76680c0e1 100644 --- a/css-animations-2/Overview.bs +++ b/css-animations-2/Overview.bs @@ -905,7 +905,7 @@ Add attribute descriptions as follows:
animation
- The CSS Animation corresponding to the animation that fired the event. + The CSS Animation that fired the event.
# DOM Interfaces # {#interface-dom} From 94407edd376a667dfd8dfe0a96d24404adb1cd58 Mon Sep 17 00:00:00 2001 From: canalun Date: Tue, 14 Apr 2026 18:17:05 -0400 Subject: [PATCH 7/7] remove description for initialization of animation prop --- css-animations-2/Overview.bs | 3 --- css-transitions-2/Overview.bs | 3 --- 2 files changed, 6 deletions(-) diff --git a/css-animations-2/Overview.bs b/css-animations-2/Overview.bs index 1ae76680c0e1..76eab389af49 100644 --- a/css-animations-2/Overview.bs +++ b/css-animations-2/Overview.bs @@ -878,9 +878,6 @@ expressed in milliseconds, it must be divided by 1,000 to produce a value in seconds before being assigned to the {{AnimationEvent/elapsedTime}} member of the {{AnimationEvent}}. -When an event is dispatched, its {{AnimationEvent/animation}} attribute is initialized to -the corresponding CSS Animation object. - ## The AnimationEvent Interface ## {#interface-animationevent} ### IDL Definition ### {#interface-animationevent-idl} diff --git a/css-transitions-2/Overview.bs b/css-transitions-2/Overview.bs index 7b5181650f3a..29793811610a 100644 --- a/css-transitions-2/Overview.bs +++ b/css-transitions-2/Overview.bs @@ -582,9 +582,6 @@ the {{TransitionEvent}}. -When an event is dispatched, its {{TransitionEvent/animation}} attribute is initialized to -the corresponding CSS Transition object. - ## Interface {{TransitionEvent}} ## {#interface-transitionevent} Add animation to the {{TransitionEvent}} interface and {{TransitionEventInit}} dictionary as follows: