From b1a0afea66ae13cd7cba25fb9ee1356f4ee34ce5 Mon Sep 17 00:00:00 2001
From: Pete Matsyburka <pete@docuseal.com>
Date: Sun, 18 Jan 2026 10:29:15 +0200
Subject: [PATCH] fix menu

---
 app/javascript/template_builder/context_menu.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/app/javascript/template_builder/context_menu.vue b/app/javascript/template_builder/context_menu.vue
index d312fb42..9de39eb9 100644
--- a/app/javascript/template_builder/context_menu.vue
+++ b/app/javascript/template_builder/context_menu.vue
@@ -188,7 +188,7 @@
     </div>
     <Teleport
       v-if="isShowFormulaModal"
-      to="#docuseal_modal_container"
+      :to="modalContainerEl"
     >
       <FormulaModal
         :field="field"
@@ -199,7 +199,7 @@
     </Teleport>
     <Teleport
       v-if="isShowFontModal"
-      to="#docuseal_modal_container"
+      :to="modalContainerEl"
     >
       <FontModal
         :field="multiSelectField || field"
@@ -213,7 +213,7 @@
     </Teleport>
     <Teleport
       v-if="isShowConditionsModal"
-      to="#docuseal_modal_container"
+      :to="modalContainerEl"
     >
       <ConditionsModal
         :item="multiSelectField || field"
@@ -226,7 +226,7 @@
     </Teleport>
     <Teleport
       v-if="isShowDescriptionModal"
-      to="#docuseal_modal_container"
+      :to="modalContainerEl"
     >
       <DescriptionModal
         :field="field"
@@ -309,6 +309,9 @@ export default {
   computed: {
     fieldNames: FieldType.computed.fieldNames,
     fieldLabels: FieldType.computed.fieldLabels,
+    modalContainerEl () {
+      return this.$el.getRootNode().querySelector('#docuseal_modal_container')
+    },
     selectedFields () {
       if (!this.isMultiSelection) return []