fix: reduced motion side panel close (carbon-design-system#11608)

Co-authored-by: Anna Wen <54281166+annawen1@users.noreply.github.com>
kennylam · Mar 5, 2024 · 14ced40 · 14ced40
1 parent ddd1277
commit 14ced40
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/web-components/packages/carbon-web-components/src/components/side-panel/side-panel.ts b/web-components/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;