| author |  Igor Makowski <56691628+Mnigos@users.noreply.github.com> 2026-09-04 18:51:27+02:00 |
| committer |  GitHub <noreply@github.com> 2026-09-04 12:51:27-04:00 |
| log | 120fab18d84f1eb993ecc7fa858a8dd212747079 |
| tree | 72942dd09c9d75ffaa3bb9003d26b1087aa62941 |
| parent | 8357eef14cbd5ed063e4a64404c33d1bfbc78446 |
| signature | Signed by PGP key B5690EEEBB952194 |
fix(web): keep the slash menu above the composer when vertical space is short (#9625)
2 files changed, 3 insertions(+), 3 deletions(-)
apps
web
src
components
apps/web/src/components/chat/ChatComposer.tsx+1-1
| ... | @@ -758,7 +758,7 @@ function ComposerCommandMenuLayer(props: { anchor: HTMLElement | null; children: | ... | @@ -758,7 +758,7 @@ function ComposerCommandMenuLayer(props: { anchor: HTMLElement | null; children: |
| 758 | 758 | ||
| 759 | return createPortal( | 759 | return createPortal( |
| 760 | <div | 760 | <div |
| 761 | className="pointer-events-auto fixed z-40" | 761 | className="pointer-events-auto fixed z-40 flex flex-col" |
| 762 | data-composer-drawer-layer="true" | 762 | data-composer-drawer-layer="true" |
| 763 | style={{ | 763 | style={{ |
| 764 | bottom: position.bottom, | 764 | bottom: position.bottom, |
apps/web/src/components/chat/ComposerCommandMenu.tsx+2-2
| ... | @@ -91,11 +91,11 @@ export const ComposerCommandMenu = memo(function ComposerCommandMenu(props: { | ... | @@ -91,11 +91,11 @@ export const ComposerCommandMenu = memo(function ComposerCommandMenu(props: { |
| 91 | > | 91 | > |
| 92 | <ComposerBanner.Surface | 92 | <ComposerBanner.Surface |
| 93 | ref={listRef} | 93 | ref={listRef} |
| 94 | className="w-full overflow-hidden pb-(--chat-composer-attachment-overlap) **:data-[slot=scroll-area-scrollbar]:data-[orientation=vertical]:my-4" | 94 | className="flex min-h-0 w-full flex-col overflow-hidden pb-(--chat-composer-attachment-overlap) **:data-[slot=scroll-area-scrollbar]:data-[orientation=vertical]:my-4" |
| 95 | data-composer-command-drawer="true" | 95 | data-composer-command-drawer="true" |
| 96 | > | 96 | > |
| 97 | {props.items.length > 0 ? ( | 97 | {props.items.length > 0 ? ( |
| 98 | <CommandList className="max-h-72 scroll-pb-6"> | 98 | <CommandList className="max-h-72 min-h-0 scroll-pb-6"> |
| 99 | <CommandGroup> | 99 | <CommandGroup> |
| 100 | {props.items.map((item) => ( | 100 | {props.items.map((item) => ( |
| 101 | <ComposerCommandMenuItem | 101 | <ComposerCommandMenuItem |