From f8e6d702b5846a065569e5014ce7b6085166599c Mon Sep 17 00:00:00 2001
From: Farnabaz <farnabaz@gmail.com>
Date: Mon, 10 Nov 2025 10:32:32 +0100
Subject: [PATCH 1/2] fix(app): use local element to render overlay elements

---
 src/app/src/app.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/app/src/app.vue b/src/app/src/app.vue
index 4c496cd..e7d25d6 100644
--- a/src/app/src/app.vue
+++ b/src/app/src/app.vue
@@ -22,6 +22,9 @@ watch(ui.sidebar.sidebarWidth, () => {
   }
 })
 
+// Nuxt UI Portal element
+const portal = ref<HTMLElement>()
+
 const activeDocuments = ref<{ id: string, title: string }[]>([])
 function detectActiveDocuments() {
   activeDocuments.value = host.document.detectActives().map((content) => {
@@ -77,10 +80,7 @@ router.beforeEach((to, from) => {
 
 <template>
   <div :class="ui.colorMode.value">
-    <UApp
-      :toaster="{ portal: false }"
-      :modal="{ portal: false }"
-    >
+    <UApp :portal="portal">
       <AppLayout :open="ui.isOpen.value">
         <RouterView v-slot="{ Component }">
           <Transition
@@ -144,6 +144,8 @@ router.beforeEach((to, from) => {
           />
         </UFieldGroup>
       </div>
+
+      <div ref="portal" />
     </UApp>
   </div>
 </template>

From f80d1ea48d34c1058e83939740132a0d6e496907 Mon Sep 17 00:00:00 2001
From: Farnabaz <farnabaz@gmail.com>
Date: Mon, 10 Nov 2025 10:34:13 +0100
Subject: [PATCH 2/2] chore: rename to `appPortal`

---
 src/app/src/app.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/src/app.vue b/src/app/src/app.vue
index e7d25d6..99f9993 100644
--- a/src/app/src/app.vue
+++ b/src/app/src/app.vue
@@ -23,7 +23,7 @@ watch(ui.sidebar.sidebarWidth, () => {
 })
 
 // Nuxt UI Portal element
-const portal = ref<HTMLElement>()
+const appPortal = ref<HTMLElement>()
 
 const activeDocuments = ref<{ id: string, title: string }[]>([])
 function detectActiveDocuments() {
@@ -80,7 +80,7 @@ router.beforeEach((to, from) => {
 
 <template>
   <div :class="ui.colorMode.value">
-    <UApp :portal="portal">
+    <UApp :portal="appPortal">
       <AppLayout :open="ui.isOpen.value">
         <RouterView v-slot="{ Component }">
           <Transition
@@ -145,7 +145,7 @@ router.beforeEach((to, from) => {
         </UFieldGroup>
       </div>
 
-      <div ref="portal" />
+      <div ref="appPortal" />
     </UApp>
   </div>
 </template>