authorgravatar for 56691628+Mnigos@users.noreply.github.comIgor Makowski <56691628+Mnigos@users.noreply.github.com> 2026-09-04 18:51:27+02:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-09-04 12:51:27-04:00
log120fab18d84f1eb993ecc7fa858a8dd212747079
tree72942dd09c9d75ffaa3bb9003d26b1087aa62941
parent8357eef14cbd5ed063e4a64404c33d1bfbc78446
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/chat/ChatComposer.tsx+1-1
......@@ -758,7 +758,7 @@ function ComposerCommandMenuLayer(props: { anchor: HTMLElement | null; children:
758758
759759 return createPortal(
760760 <div
761 className="pointer-events-auto fixed z-40"
761 className="pointer-events-auto fixed z-40 flex flex-col"
762762 data-composer-drawer-layer="true"
763763 style={{
764764 bottom: position.bottom,
apps/web/src/components/chat/ComposerCommandMenu.tsx+2-2
......@@ -91,11 +91,11 @@ export const ComposerCommandMenu = memo(function ComposerCommandMenu(props: {
9191 >
9292 <ComposerBanner.Surface
9393 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"
9595 data-composer-command-drawer="true"
9696 >
9797 {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">
9999 <CommandGroup>
100100 {props.items.map((item) => (
101101 <ComposerCommandMenuItem