fix: keep footer row pinned in focus mode input

Add flex-1 min-h-0 to textarea wrapper so it constrains within expanded layout
Add flex-shrink-0 to footer row to prevent it from being pushed off-screen
This commit is contained in:
Bohdan Triapitsyn
2026-03-04 11:28:16 +02:00
parent 7d7890daac
commit 67b5adbde5
@@ -2625,7 +2625,7 @@ export const ChatInput: React.FC<ChatInputProps> = ({ onOpenSettings, scrollToBo
: undefined}
/>
)}
<div className="relative overflow-hidden">
<div className={cn("relative overflow-hidden", isDesktopExpanded && 'flex-1 min-h-0')}>
{highlightedComposerContent && (
<div
aria-hidden
@@ -2706,7 +2706,7 @@ export const ChatInput: React.FC<ChatInputProps> = ({ onOpenSettings, scrollToBo
</div>
<div
className={cn(
'bg-transparent',
'bg-transparent flex-shrink-0',
footerPaddingClass,
isMobile ? 'flex items-center gap-x-1.5' : cn('flex items-center justify-between', footerGapClass)
)}