oreolek/phanpy
1
0
Fork 0
Code Activity

Fix weird textarea height on first render

Browse source
This commit is contained in:
Lim Chee Aun 2023-09-10 15:29:25 +08:00
parent 33698c91cc
commit 2d94f229c3
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/compose.jsx
View file

@ -1370,8 +1370,12 @@ const Textarea = forwardRef((props, ref) => {
onInput={(e) => {
const { scrollHeight, offsetHeight, clientHeight, value } = e.target;
setText(value);
const offset = offsetHeight - clientHeight;
e.target.style.height = value ? scrollHeight + offset + 'px' : null;
if (offsetHeight < window.innerHeight) {
// NOTE: This check is needed because the offsetHeight return 50000 (really large number) on first render
// No idea why it does that, will re-investigate in far future
const offset = offsetHeight - clientHeight;
e.target.style.height = value ? scrollHeight + offset + 'px' : null;
}
props.onInput?.(e);
}}
style={{