Fix weird textarea height on first render

This commit is contained in:
Lim Chee Aun 2023-09-10 15:29:25 +08:00
parent 33698c91cc
commit 2d94f229c3

View file

@ -1370,8 +1370,12 @@ const Textarea = forwardRef((props, ref) => {
onInput={(e) => {
const { scrollHeight, offsetHeight, clientHeight, value } = e.target;
setText(value);
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={{