From 6e68c41d5a9d21c3b8bd2c37d13f185a5ebca30d Mon Sep 17 00:00:00 2001 From: Jeffrey Smith Date: Mon, 30 Mar 2026 15:01:52 +0000 Subject: [PATCH] Fix Add Participant dialog dropdown clipping Broaden the dialog overflow:visible override to target any sw-dialog containing a sw-user-picker, not just .chat-new. Fixes the Add Participant modal clipping search results. Co-Authored-By: Claude Opus 4.6 (1M context) --- packages/chat/css/main.css | 26 ++++---------------------- 1 file changed, 4 insertions(+), 22 deletions(-) diff --git a/packages/chat/css/main.css b/packages/chat/css/main.css index f22b0ce..a678f2e 100644 --- a/packages/chat/css/main.css +++ b/packages/chat/css/main.css @@ -526,31 +526,13 @@ } /* ── Dialog UserPicker overflow fix ─────── */ -/* Allow the autocomplete dropdown to overflow the dialog body */ +/* Allow the autocomplete dropdown to overflow the dialog body. + Applies to both New Conversation and Add Participant dialogs. */ -.chat-new .sw-user-picker { - position: relative; -} - -.chat-new .sw-user-picker__dropdown, -.chat-participants .sw-user-picker__dropdown { - position: absolute; - z-index: 9999; - left: 0; - right: 0; - max-height: 200px; - overflow-y: auto; - background: var(--bg-surface); - border: 1px solid var(--border); - border-radius: 6px; - box-shadow: var(--shadow-lg); -} - -/* Ensure dialog content doesn't clip the dropdown */ -.sw-dialog__body:has(.chat-new) { +.sw-dialog__body:has(.sw-user-picker) { overflow: visible; } -.sw-dialog__content:has(.chat-new) { +.sw-dialog:has(.sw-user-picker) { overflow: visible; }