fix: edge case tiny chat input box show randomly (#3887)

* fix: edge case tiny chat input box show randomly

* chore: update class parent
This commit is contained in:
Faisal Amir 2024-10-28 08:32:19 +07:00 committed by GitHub
parent b0f6d057d9
commit 570f6b330c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -125,7 +125,6 @@ const ChatInput = () => {
<div className="relative p-4 pb-2"> <div className="relative p-4 pb-2">
<div className="relative flex w-full flex-col"> <div className="relative flex w-full flex-col">
{renderPreview(fileUpload)} {renderPreview(fileUpload)}
<RichTextEditor <RichTextEditor
className={twMerge( className={twMerge(
'relative mb-1 max-h-[400px] resize-none rounded-lg border border-[hsla(var(--app-border))] p-3 pr-20', 'relative mb-1 max-h-[400px] resize-none rounded-lg border border-[hsla(var(--app-border))] p-3 pr-20',
@ -141,7 +140,7 @@ const ChatInput = () => {
disabled={stateModel.loading || !activeThread} disabled={stateModel.loading || !activeThread}
/> />
<TextArea <TextArea
className="absolute inset-0 top-14 h-0 w-0" className="sr-only"
data-testid="txt-input-chat" data-testid="txt-input-chat"
onChange={(e) => setCurrentPrompt(e.target.value)} onChange={(e) => setCurrentPrompt(e.target.value)}
/> />