diff --git a/package-lock.json b/package-lock.json
index 882de8c7..d18e9a79 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@fileverse-dev/ddoc",
-  "version": "3.0.63",
+  "version": "3.0.64",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@fileverse-dev/ddoc",
-      "version": "3.0.63",
+      "version": "3.0.64",
       "dependencies": {
         "@_ueberdosis/prosemirror-tables": "^1.1.3",
         "@aarkue/tiptap-math-extension": "^1.4.0",
diff --git a/package.json b/package.json
index b857b91e..e8c2b895 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "@fileverse-dev/ddoc",
   "private": false,
   "description": "DDoc",
-  "version": "3.0.63",
+  "version": "3.0.64",
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",
   "exports": {
@@ -156,4 +156,4 @@
     "typescript": "^5.2.2",
     "vite": "^5.0.0"
   }
-}
+}
\ No newline at end of file
diff --git a/package/components/editor-bubble-menu/editor-bubble-menu.tsx b/package/components/editor-bubble-menu/editor-bubble-menu.tsx
index 0251f474..164d98f4 100644
--- a/package/components/editor-bubble-menu/editor-bubble-menu.tsx
+++ b/package/components/editor-bubble-menu/editor-bubble-menu.tsx
@@ -277,11 +277,13 @@ export const EditorBubbleMenu = (props: EditorBubbleMenuProps) => {
   return (
     <BubbleMenu
       editor={editor}
-      // appendTo={() => document.getElementById('editor-canvas')!}
+      appendTo={document.body}
       options={{
         placement: 'top',
+        strategy: 'absolute',
         flip: true,
         shift: true,
+        scrollTarget: document.getElementById('editor-canvas'),
         onHide: () => setShowsBubbleMenu(false),
         onShow: () => setShowsBubbleMenu(true),
       }}