When drawer is closed, remove it from the accessabilty tree

sul-dlss · Nov 10, 2023 · 8767df3 · 8767df3
1 parent 0bacb29
commit 8767df3
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git 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
@@ -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() {