diff --git a/web-animations-1/Overview.bs b/web-animations-1/Overview.bs
index 6539775cf95..18e631af773 100644
--- a/web-animations-1/Overview.bs
+++ b/web-animations-1/Overview.bs
@@ -4877,6 +4877,22 @@ The {{Animation}} interface {#the-animation-interface}
       calling this method <em>does</em> trigger a [=style change event=]
       (see [[#model-liveness]]).
 
+      Furthermore,
+      after updating the style attribute of each effect target,
+      the user agent must ensure that the corresponding computed style
+      is updated.
+
+      <div class=note>
+
+        Without the requirement to update the computed style
+        at the end of the procedure,
+        calling `commitStyles` followed by immediately canceling an animation
+        could cause a transition to be generated since the changes to the
+        style attributes would not be reflected in the
+        [=before-change style=] during the next [=style change event=].
+
+      </div>
+
       <div class=note>
 
         Since the procedure to [=commit computed styles=]