fix(telepopover): shift focus on hover

Signed-off-by: Evan Song <theevansong@gmail.com>
modrinth · Oct 20, 2024 · 5456aac · 5456aac
1 parent 857c092
commit 5456aac
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/apps/frontend/src/components/ui/servers/TeleportOverflowMenu.vue b/apps/frontend/src/components/ui/servers/TeleportOverflowMenu.vue
@@ -45,6 +45,7 @@
               :style="index === selectedIndex ? { background: 'var(--color-button-bg)' } : {}"
               @click="handleItemClick(option, index)"
               @focus="selectedIndex = index"
+              @mouseover="handleMouseOver(index)"
             >
               <slot :name="option.id">{{ option.id }}</slot>
             </button>
@@ -225,6 +226,11 @@ const handleItemClick = (option: Option, index: number) => {
   selectOption(option);
 };
 
+const handleMouseOver = (index: number) => {
+  selectedIndex.value = index;
+  menuItemsRef.value[selectedIndex.value].focus();
+};
+
 const disableBodyScroll = () => {
   document.body.style.overflow = "hidden";
 };