From 1226d3b23a361ccc1a023d22644fee7e2182a5cc Mon Sep 17 00:00:00 2001
From: Bryan Van Deusen <bryan.vandeusen@fabledsword.com>
Date: Sun, 7 Jun 2026 10:52:48 -0400
Subject: [PATCH] =?UTF-8?q?fix(modal):=20kebab=20menus=20render=20BEHIND?=
 =?UTF-8?q?=20the=20modal=20=E2=80=94=20bump=20z-index=20above=20it?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

THE actual root cause of the "dead" tag-chip kebab (operator inspected it
2026-06-07: the menu was ghosted, blurred, behind the sidebar). The teleported
v-menu landed below .fc-viewer (z-index 2000) and the modal's
backdrop-filter: blur(8px) smeared it — so it opened the whole time, just
underneath. Every prior "fix" (un-nesting the button, the explicit activator
pattern) was chasing a click/activation problem that never existed.

Set :z-index="2400" on the tag-chip and suggestion kebab menus so they paint
above the modal. (Dialogs already render on top — only the anchored menus tied
with the modal's z-index and lost.)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 frontend/src/components/modal/SuggestionItem.vue | 1 +
 frontend/src/components/modal/TagChip.vue        | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/modal/SuggestionItem.vue b/frontend/src/components/modal/SuggestionItem.vue
index 16e55cc..55464fd 100644
--- a/frontend/src/components/modal/SuggestionItem.vue
+++ b/frontend/src/components/modal/SuggestionItem.vue
@@ -37,6 +37,7 @@
       />
       <v-menu
         v-model="menuOpen" activator="parent" :open-on-click="false"
+        :z-index="2400"
       >
         <v-list density="compact">
           <v-list-item @click="$emit('alias', suggestion)">
diff --git a/frontend/src/components/modal/TagChip.vue b/frontend/src/components/modal/TagChip.vue
index f06c18a..e93710d 100644
--- a/frontend/src/components/modal/TagChip.vue
+++ b/frontend/src/components/modal/TagChip.vue
@@ -21,7 +21,11 @@
         :aria-label="`More actions for ${tag.name}`"
         @click.stop="menuOpen = !menuOpen"
       />
-      <v-menu v-model="menuOpen" activator="parent" :open-on-click="false">
+      <!-- :z-index above the modal's 2000 — the teleported menu otherwise lands
+           BEHIND .fc-viewer and gets blurred by its backdrop-filter (operator
+           saw it ghosted behind the sidebar, 2026-06-07). THIS is what made the
+           kebab look dead the whole time: it opened, just underneath. -->
+      <v-menu v-model="menuOpen" activator="parent" :open-on-click="false" :z-index="2400">
         <v-list density="compact">
           <v-list-item @click="$emit('rename', tag)">
             <v-list-item-title>Rename…</v-list-item-title>