diff --git a/packages/react/src/BubbleMenu.tsx b/packages/react/src/BubbleMenu.tsx
index b96153a8..45af5182 100644
--- a/packages/react/src/BubbleMenu.tsx
+++ b/packages/react/src/BubbleMenu.tsx
@@ -23,7 +23,7 @@ export const BubbleMenu: React.FC<BubbleMenuProps> = props => {
   }, [])
 
   return (
-    <div ref={element} className={props.className}>
+    <div ref={element} className={props.className} style={{ visibility: 'hidden' }}>
       {props.children}
     </div>
   )
diff --git a/packages/react/src/FloatingMenu.tsx b/packages/react/src/FloatingMenu.tsx
index 72da7c69..6c248a0a 100644
--- a/packages/react/src/FloatingMenu.tsx
+++ b/packages/react/src/FloatingMenu.tsx
@@ -22,7 +22,7 @@ export const FloatingMenu: React.FC<FloatingMenuProps> = props => {
   }, [])
 
   return (
-    <div ref={element} className={props.className}>
+    <div ref={element} className={props.className} style={{ visibility: 'hidden' }}>
       {props.children}
     </div>
   )
diff --git a/packages/vue-2/src/BubbleMenu.ts b/packages/vue-2/src/BubbleMenu.ts
index f442b627..2cd3a7d3 100644
--- a/packages/vue-2/src/BubbleMenu.ts
+++ b/packages/vue-2/src/BubbleMenu.ts
@@ -36,7 +36,7 @@ export const BubbleMenu = Vue.extend({
   },
 
   render(createElement) {
-    return createElement('div', {}, this.$slots.default)
+    return createElement('div', { style: { visibility: 'hidden' } }, this.$slots.default)
   },
 
   beforeDestroy() {
diff --git a/packages/vue-2/src/FloatingMenu.ts b/packages/vue-2/src/FloatingMenu.ts
index 08f74d36..4441fa49 100644
--- a/packages/vue-2/src/FloatingMenu.ts
+++ b/packages/vue-2/src/FloatingMenu.ts
@@ -30,7 +30,7 @@ export const FloatingMenu = Vue.extend({
   },
 
   render(createElement) {
-    return createElement('div', {}, this.$slots.default)
+    return createElement('div', { style: { visibility: 'hidden' } }, this.$slots.default)
   },
 
   beforeDestroy() {
diff --git a/packages/vue-3/src/BubbleMenu.ts b/packages/vue-3/src/BubbleMenu.ts
index bfea8dc3..8704e43a 100644
--- a/packages/vue-3/src/BubbleMenu.ts
+++ b/packages/vue-3/src/BubbleMenu.ts
@@ -42,6 +42,6 @@ export const BubbleMenu = defineComponent({
       editor.unregisterPlugin(BubbleMenuPluginKey)
     })
 
-    return () => h('div', { ref: root }, slots.default?.())
+    return () => h('div', { ref: root, style: { visibility: 'hidden' } }, slots.default?.())
   },
 })
diff --git a/packages/vue-3/src/FloatingMenu.ts b/packages/vue-3/src/FloatingMenu.ts
index 8a93315a..009b3b04 100644
--- a/packages/vue-3/src/FloatingMenu.ts
+++ b/packages/vue-3/src/FloatingMenu.ts
@@ -36,6 +36,6 @@ export const FloatingMenu = defineComponent({
       editor.unregisterPlugin(FloatingMenuPluginKey)
     })
 
-    return () => h('div', { ref: root }, slots.default?.())
+    return () => h('div', { ref: root, style: { visibility: 'hidden' } }, slots.default?.())
   },
 })