diff --git a/docs/getting-started/changelog.md b/docs/getting-started/changelog.md
index c046551f..16161635 100644
--- a/docs/getting-started/changelog.md
+++ b/docs/getting-started/changelog.md
@@ -8,6 +8,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis
 
 ## Next
 
+- Fixed a bug in `sl-animation` where `sl-cancel` and `sl-finish` events would never fire
 - Fixed a bug where `sl-alert` wouldn't always transition properly
 - Fixed a bug where using `sl-menu` inside a shadow root would break keyboard selections [#382](https://github.com/shoelace-style/shoelace/issues/382)
 
diff --git a/src/components/animation/animation.ts b/src/components/animation/animation.ts
index 16271a08..023182b4 100644
--- a/src/components/animation/animation.ts
+++ b/src/components/animation/animation.ts
@@ -73,6 +73,8 @@ export default class SlAnimation extends LitElement {
   connectedCallback() {
     super.connectedCallback();
     this.createAnimation();
+    this.handleAnimationCancel = this.handleAnimationCancel.bind(this);
+    this.handleAnimationFinish = this.handleAnimationFinish.bind(this);
   }
 
   disconnectedCallback() {