Upstream/waveterm
1
0
Fork 0
mirror of https://github.com/wavetermdev/waveterm.git synced 2024-12-22 16:48:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix issue where WaveAI text area would resize on launch (#1397)

Browse Source
This commit is contained in:
Evan Simkowitz 2024-12-05 17:06:52 -05:00 committed by GitHub
parent 8ec3c3f330
commit cb50023d79
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 24 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
frontend/app/view/waveai/waveai.tsx
View File

@ -572,24 +572,33 @@ const ChatInput = forwardRef<HTMLTextAreaElement, ChatInputProps>(
model.textAreaRef = textAreaRef; model.textAreaRef = textAreaRef;
}, []); }, []);
const adjustTextAreaHeight = () => { const adjustTextAreaHeight = useCallback(
if (textAreaRef.current == null) { (value: string) => {
return; if (textAreaRef.current == null) {
} return;
// Adjust the height of the textarea to fit the text }
const textAreaMaxLines = 100;
const textAreaLineHeight = termFontSize * 1.5;
const textAreaMinHeight = textAreaLineHeight;
const textAreaMaxHeight = textAreaLineHeight * textAreaMaxLines;
textAreaRef.current.style.height = "1px"; // Adjust the height of the textarea to fit the text
const scrollHeight = textAreaRef.current.scrollHeight; const textAreaMaxLines = 5;
const newHeight = Math.min(Math.max(scrollHeight, textAreaMinHeight), textAreaMaxHeight); const textAreaLineHeight = termFontSize * 1.5;
textAreaRef.current.style.height = newHeight + "px"; const textAreaMinHeight = textAreaLineHeight;
}; const textAreaMaxHeight = textAreaLineHeight * textAreaMaxLines;
if (value === "") {
textAreaRef.current.style.height = `${textAreaLineHeight}px`;
return;
}
textAreaRef.current.style.height = `${textAreaLineHeight}px`;
const scrollHeight = textAreaRef.current.scrollHeight;
const newHeight = Math.min(Math.max(scrollHeight, textAreaMinHeight), textAreaMaxHeight);
textAreaRef.current.style.height = newHeight + "px";
},
[termFontSize]
);
useEffect(() => { useEffect(() => {
adjustTextAreaHeight(); adjustTextAreaHeight(value);
}, [value]); }, [value]);
return ( return (