switchboard/core
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Releases 9 Wiki Activity

Fix Add Participant dialog dropdown clipping

Browse Source 
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) <noreply@anthropic.com>
This commit is contained in:
Jeffrey Smith
2026-03-30 15:01:52 +00:00
parent 6a04facc50
commit 6e68c41d5a
1 changed files with 4 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
packages/chat/css/main.css
View File

@@ -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;
}