From 87d0cdc03686419a63fa66842d23c7f37ba7aa66 Mon Sep 17 00:00:00 2001
From: momen <vmomenv@gmail.com>
Date: Tue, 19 May 2026 19:29:19 +0800
Subject: [PATCH] fix(favorites): keep folder selector above detail modal

---
 .../unit/FavoriteFolderSelector.test.ts       | 19 +++++++++++++++++++
 src/components/FavoriteFolderSelector.vue     |  2 +-
 2 files changed, 20 insertions(+), 1 deletion(-)
 create mode 100644 src/__tests__/unit/FavoriteFolderSelector.test.ts

diff --git a/src/__tests__/unit/FavoriteFolderSelector.test.ts b/src/__tests__/unit/FavoriteFolderSelector.test.ts
new file mode 100644
index 00000000..09b4e3ff
--- /dev/null
+++ b/src/__tests__/unit/FavoriteFolderSelector.test.ts
@@ -0,0 +1,19 @@
+import { render } from "@testing-library/vue";
+import { describe, expect, it } from "vitest";
+
+import FavoriteFolderSelector from "@/components/FavoriteFolderSelector.vue";
+
+describe("FavoriteFolderSelector", () => {
+  it("renders above the app detail modal and its child popups", () => {
+    const { container } = render(FavoriteFolderSelector, {
+      props: {
+        show: true,
+        folders: [],
+      },
+    });
+
+    const overlay = container.firstElementChild;
+
+    expect(overlay?.className).toContain("z-[90]");
+  });
+});
diff --git a/src/components/FavoriteFolderSelector.vue b/src/components/FavoriteFolderSelector.vue
index 7660b866..083bcfa1 100644
--- a/src/components/FavoriteFolderSelector.vue
+++ b/src/components/FavoriteFolderSelector.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     v-if="show"
-    class="fixed inset-0 z-50 flex items-center justify-center p-4"
+    class="fixed inset-0 z-[90] flex items-center justify-center p-4"
   >
     <div class="absolute inset-0 bg-black/40" @click="emit('close')"></div>
     <section