From 5043684845aae850fa1dc8ecc8580075f0157a25 Mon Sep 17 00:00:00 2001
From: Waleed Latif <walif6@gmail.com>
Date: Sat, 8 Aug 2026 13:23:52 -0700
Subject: [PATCH] fix(files): make the rich-markdown-field container a
 positioning context
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

rich-markdown-field also mounts EditorBubbleMenu with its own container ref, so
the same 'relative' the editor container needs applies here — otherwise the
absolutely-positioned toolbar resolves against the wrong offset parent and scroll
tracking breaks in the field. Safe in both modes: 'relative' adds no offset and no
clipping to the uncapped (page-scrolls) box.
---
 .../file-viewer/rich-markdown-editor/rich-markdown-field.tsx  | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/rich-markdown-field.tsx b/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/rich-markdown-field.tsx
index a499d54b9fc..f52206c3bce 100644
--- a/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/rich-markdown-field.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/rich-markdown-field.tsx
@@ -182,7 +182,9 @@ function LoadedRichMarkdownField({
     <div
       ref={containerRef}
       className={cn(
-        'flex flex-col px-3 py-2',
+        // `relative` makes this the positioning context for the bubble menu, which is
+        // appended here and absolutely positioned so it tracks the selection through scroll.
+        'relative flex flex-col px-3 py-2',
         // Only a capped box scrolls itself. Uncapped, the box grows and the page
         // scrolls — making it a scroll container anyway would clip the bubble
         // menu against an edge that never moves.