🐛 Tool menu

traPtitech · Nov 2, 2023 · 0194a2d · 0194a2d
1 parent 0084757
commit 0194a2d
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/src/components/Main/MainView/ChannelView/ChannelHeader/ChannelHeaderTools.vue b/src/components/Main/MainView/ChannelView/ChannelHeader/ChannelHeaderTools.vue
@@ -8,7 +8,10 @@
       :is-archived="channelState.archived"
       @click-more="togglePopupMenu"
     >
-      <click-outside v-if="isPopupMenuShown" @click-outside="closePopupMenu">
+      <click-outside
+        v-if="isPopupMenuShown"
+        @click-outside.stop="closePopupMenu"
+      >
         <channel-header-tools-menu
           :class="$style.toolsMenu"
           :channel-id="channelId"
@@ -21,12 +24,12 @@
 </template>
 
 <script lang="ts" setup>
-import type { ChannelId } from '/@/types/entity-ids'
-import useChannelState from './composables/useChannelState'
-import ClickOutside from '/@/components/UI/ClickOutside'
 import ChannelHeaderToolsList from './ChannelHeaderToolsList.vue'
 import ChannelHeaderToolsMenu from './ChannelHeaderToolsMenu.vue'
+import useChannelState from './composables/useChannelState'
+import ClickOutside from '/@/components/UI/ClickOutside'
 import useToggle from '/@/composables/utils/useToggle'
+import type { ChannelId } from '/@/types/entity-ids'
 
 const props = defineProps<{
   channelId: ChannelId