Fix: Restore Textarea Height After Submission #91
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR ensures that the input field (
Textarea
) returns to its original height after a message is submitted. Previously, if a long message was entered, the field would remain expanded even after submission, leading to an inconsistent UI.Changes Implemented:
✅ Reset input value after submission.
✅ Restore
Textarea
height to its initial size (72px
) usinguseEffect
.✅ Ensure dynamic height adjustment when typing.
How it Works:
When a message is submitted, the
useEffect
hook detects the change inhasSubmitted
and resets both the input value and height.This prevents excessive stretching of the input field after submitting long messages.
Before:
🔴 Textarea remained enlarged after sending a long message.
After:
🟢 Textarea resets to default height after submission, improving usability and UI consistency.