change states

learningequality · Dec 10, 2024 · 1778ab6 · 1778ab6
1 parent 91a0991
commit 1778ab6
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 8 deletions.
diff --git a/lib/KDropdownMenu.vue b/lib/KDropdownMenu.vue
@@ -166,7 +166,7 @@
             this.lastFocusElement.focus();
           }
         }
-
+        this.$parent.$emit('menu-closed');
         window.removeEventListener('keyup', this.handleKeyUp, true);
       },
       getNextFocusableSibling(focusedElement) {

diff --git a/lib/buttons-and-links/KButton.vue b/lib/buttons-and-links/KButton.vue
@@ -163,10 +163,12 @@
       },
     },
     mounted() {
-      document.addEventListener('click', this.handleClickOutside);
+      this.$on('menu-closed', () => {
+        this.isMenuExpanded = false;
+      });
     },
     beforeDestroy() {
-      document.removeEventListener('click', this.handleClickOutside);
+      this.$off('menu-closed');
     },
     methods: {
       handleClick(event) {
@@ -195,11 +197,6 @@
           this.$el.blur();
         }
       },
-      handleClickOutside(event) {
-        if (!this.$refs.button.contains(event.target)) {
-          this.isMenuExpanded = false;
-        }
-      },
     },
   };