added functionality to focus last element after drpdown closes

learningequality · Nov 11, 2024 · e530df6 · e530df6
1 parent 1371cd9
commit e530df6
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/lib/KDropdownMenu.vue b/lib/KDropdownMenu.vue
@@ -117,6 +117,7 @@
     data() {
       return {
         trigger: null,
+        lastFocusElement: null,
       };
     },
     watch: {
@@ -147,6 +148,7 @@
       handleOpen() {
         this.$nextTick(() => this.$nextTick(() => this.setFocus()));
         window.addEventListener('keydown', this.handleOpenMenuNavigation, true);
+        this.lastFocusElement = document.activeElement;
       },
       setFocus() {
         this.$refs.menu.$el.querySelector('li').focus();
@@ -162,6 +164,11 @@
         ) {
           this.focusOnButton();
         }
+
+        if (this.lastFocusElement) {
+          this.lastFocusElement.focus();
+        }
+
         window.removeEventListener('keyup', this.handleKeyUp, true);
       },
       handleOpenMenuNavigation(event) {