From f9cd481b11ba8d115f378c683b5d86a0cb474698 Mon Sep 17 00:00:00 2001
From: wsp <mr.wanger2018@outlook.com>
Date: Fri, 7 Aug 2026 11:19:09 +0800
Subject: [PATCH] fix(web-ui): prevent file mention picker positioning
 regression

- Reset inherited `bottom` and `left` styles for portalled mention overlays.
- Let anchored viewport positioning control the picker placement.
- Verify with `FileMentionPickerOverlay.test.tsx`.
---
 src/web-ui/src/flow_chat/components/FileMentionPicker.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/web-ui/src/flow_chat/components/FileMentionPicker.scss b/src/web-ui/src/flow_chat/components/FileMentionPicker.scss
index 60306347d..e68f002e8 100644
--- a/src/web-ui/src/flow_chat/components/FileMentionPicker.scss
+++ b/src/web-ui/src/flow_chat/components/FileMentionPicker.scss
@@ -33,6 +33,10 @@
 
   &--overlay {
     position: fixed;
+    // The non-portalled picker is positioned with `bottom`; clear that
+    // constraint when the overlay is placed by the viewport anchor hook.
+    bottom: auto;
+    left: auto;
     z-index: $z-popover;
     width: min(400px, calc(100vw - 16px));
     min-width: min(260px, calc(100vw - 16px));