Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: textarea should resize after sending

Browse Source
This commit is contained in:
0xSage 2023-10-13 15:32:43 +08:00
parent 855e9ee9df
commit 0180937262
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
web/app/_components/BasicPromptInput/index.tsx
View File

@ -18,6 +18,8 @@ const BasicPromptInput: React.FC = () => {
const { initModel } = useInitModel();
const textareaRef = useRef<HTMLTextAreaElement>(null);
const handleKeyDown = async (
event: React.KeyboardEvent<HTMLTextAreaElement>
) => {
@ -40,12 +42,19 @@ const BasicPromptInput: React.FC = () => {
}
};
useEffect(() => {
adjustTextareaHeight();
}, [currentPrompt]);
const handleMessageChange = (event: ChangeEvent<HTMLTextAreaElement>) => {
setCurrentPrompt(event.target.value);
};
// Auto adjust textarea height based on content
const textareaRef = useRef<HTMLTextAreaElement>(null);
const MAX_ROWS = 10;
const adjustTextareaHeight = () => {
if (textareaRef.current) {
textareaRef.current.style.height = "auto";
textareaRef.current.style.height = "auto"; // 1 row
const scrollHeight = textareaRef.current.scrollHeight;
const maxScrollHeight =
parseInt(window.getComputedStyle(textareaRef.current).lineHeight, 10) *
@ -57,15 +66,6 @@ const BasicPromptInput: React.FC = () => {
}
};
useEffect(() => {
adjustTextareaHeight();
}, []);
const handleMessageChange = (event: ChangeEvent<HTMLTextAreaElement>) => {
setCurrentPrompt(event.target.value);
adjustTextareaHeight();
};
return (
<div className="overflow-hidden rounded-lg shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-indigo-600">
<textarea