From 00cdc1eb658177e03efa3db8e4b25aa8a9b223b1 Mon Sep 17 00:00:00 2001
From: Lee Chase <lee.chase@uk.ibm.com>
Date: Fri, 1 Mar 2024 09:39:23 +0000
Subject: [PATCH] fix: reduced motion side panel close

---
 .../src/components/side-panel/side-panel.ts            | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/carbon-web-components/src/components/side-panel/side-panel.ts b/packages/carbon-web-components/src/components/side-panel/side-panel.ts
index 05f05439d4b..d8701746daf 100644
--- a/packages/carbon-web-components/src/components/side-panel/side-panel.ts
+++ b/packages/carbon-web-components/src/components/side-panel/side-panel.ts
@@ -354,10 +354,14 @@ class CDSSidePanel extends HostListenerMixin(LitElement) {
   private _checkSetOpen = () => {
     const { _sidePanel: sidePanel } = this;
     if (sidePanel && this._isOpen) {
-      // wait until the side panel has transitioned off the screen to remove
-      sidePanel.addEventListener('transitionend', () => {
+      if (this._reducedMotion) {
         this._isOpen = false;
-      });
+      } else {
+        // wait until the side panel has transitioned off the screen to remove
+        sidePanel.addEventListener('transitionend', () => {
+          this._isOpen = false;
+        });
+      }
     } else {
       // allow the html to render before animating in the side panel
       this._isOpen = this.open;