From 8767df3f23aef428318fc8d70f4378bdc589b080 Mon Sep 17 00:00:00 2001
From: Justin Coyne <jcoyne@justincoyne.com>
Date: Fri, 10 Nov 2023 16:28:09 -0600
Subject: [PATCH] When drawer is closed, remove it from the accessabilty tree

---
 app/assets/stylesheets/media.scss                  |  3 ++-
 app/javascript/src/controllers/media_controller.js | 11 ++++++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/media.scss b/app/assets/stylesheets/media.scss
index cd4cfb373..ef1113076 100644
--- a/app/assets/stylesheets/media.scss
+++ b/app/assets/stylesheets/media.scss
@@ -345,8 +345,9 @@
     flex-grow: 0;
     flex-shrink: 0;
     flex-basis: 0;
-
+    
     &.open {
+      transition: flex-basis .5s ease-in-out;
       flex-basis: var(--drawer-width);
     }
   }
diff --git a/app/javascript/src/controllers/media_controller.js b/app/javascript/src/controllers/media_controller.js
index 768557406..9025ca282 100644
--- a/app/javascript/src/controllers/media_controller.js
+++ b/app/javascript/src/controllers/media_controller.js
@@ -11,7 +11,16 @@ export default class extends Controller {
   }
 
   toggleLeft() {
-    this.leftDrawerTarget.classList.toggle('open')
+    const classList = this.leftDrawerTarget.classList
+    if (classList.contains('open')) {
+      classList.remove('open')
+      setTimeout(() => {
+        this.leftDrawerTarget.style.visibility = 'hidden' // remove from accessability tree
+      }, 1000)
+    } else {
+      this.leftDrawerTarget.style.visibility = ''
+      classList.add('open')
+    }
   }
 
   openModalComponentsPopover() {