From 6c9618252b5f95697b2a103417cc0d143d07ee53 Mon Sep 17 00:00:00 2001
From: bboysoul <bboysoulcn@gmail.com>
Date: Wed, 23 Sep 2026 11:48:46 +0800
Subject: [PATCH] fix: skip closed inline teleports so sheets never mount
 against a missing target

---
 frontend/src/components/AppSheet.vue | 2 +-
 frontend/src/style.test.ts           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/AppSheet.vue b/frontend/src/components/AppSheet.vue
index 100129a..de014f5 100644
--- a/frontend/src/components/AppSheet.vue
+++ b/frontend/src/components/AppSheet.vue
@@ -100,7 +100,7 @@ onBeforeUnmount(deactivate)
     </div>
     </Transition>
   </Teleport>
-  <Teleport v-else-if="inlineTarget" :key="'app-sheet-inline'" :to="inlineTarget">
+  <Teleport v-else-if="inlineTarget && open" :key="'app-sheet-inline'" :to="inlineTarget">
     <component v-if="open" :is="$attrs.onSubmit ? 'form' : 'section'" ref="panel" class="app-sheet" :class="[`app-sheet--${variant}`, panelClass]" role="dialog" :aria-labelledby="titleId" :aria-describedby="descriptionId" :aria-label="label" :aria-busy="busy || undefined" tabindex="-1" v-bind="$attrs" @keydown="keydown">
       <slot />
     </component>
diff --git a/frontend/src/style.test.ts b/frontend/src/style.test.ts
index e883915..1aed6e8 100644
--- a/frontend/src/style.test.ts
+++ b/frontend/src/style.test.ts
@@ -1532,7 +1532,7 @@ describe('desktop task and habit detail disclosure', () => {
     expect(mvpPanel).toContain('if (busy.value && !force) return')
     expect(mvpPanel).toContain(':modal="compactLayout"')
     expect(mvpPanel).toContain('inline-target=".shell"')
-    expect(appSheet).toContain(`<Teleport v-else-if="inlineTarget" :key="'app-sheet-inline'" :to="inlineTarget">`)
+    expect(appSheet).toContain(`<Teleport v-else-if="inlineTarget && open" :key="'app-sheet-inline'" :to="inlineTarget">`)
     expect(mvpPanel).toContain("watch(selectedHabit, (habit) => emit('detail', Boolean(habit)))")
     expect(app).toContain('@click="closeTaskDetail"')
     expect(app).toContain('function closeTaskDetail()')