fix menu location

Southclaws · Oct 12, 2024 · 2bf0eed · 2bf0eed
1 parent 911d770
commit 2bf0eed
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/web/src/components/content/ContentComposer/plugins/MenuPlugin.tsx b/web/src/components/content/ContentComposer/plugins/MenuPlugin.tsx
@@ -111,12 +111,17 @@ export class FloatingMenuView {
       return;
     }
 
-    const { top: containerTop } = view.dom.getBoundingClientRect();
+    const { top: containerTop, left: containerLeft } =
+      view.dom.getBoundingClientRect();
     const { bottom: caretY } = posToDOMRect(view, from, to);
-    const offsetY = caretY - containerTop + 16;
+    const offsetY = caretY + 16;
+    const offsetX = containerLeft;
 
     // NOTE: Left is -1px for optical alignment due to the border radius.
-    this.element.setAttribute("style", `top: ${offsetY}px; left: -1px;`);
+    this.element.setAttribute(
+      "style",
+      `top: ${offsetY}px; left: ${offsetX - 1}px;`,
+    );
   }
 
   hide() {