Resize component when inner textarea value is cleared about react-autosize-textarea HOT 4 CLOSED

Hi @estill01 ,

Why are you changing the value of TextareAutosize directly?

TextareaAutosize updates its height at every render in the componentDidUpdate, this way you're changing its value outside of the React's lifecycle, therefore componentDidUpdate is never called and the height is never updated.

Is there a reason you're not doing the following?

<TextareAutosize value={this.state.value} onChange={(e) => this.setState({ value: e.target.value }) />
<button onClick={clearTextarea}>Clear</button>

...

function clearTextarea() {
  this.setState({ value: '' })
}

from react-autosize-textarea.

I'm closing this, feel free to open a new issue if you think it's still relevant.

from react-autosize-textarea.

I've got the same issue. In my case the TextArea is not controlled, due to performance reasons. When I update the value property of the TextArea, it doesn't fit to accomodate the text. Is there a way to dispatch the resize event manually?

from react-autosize-textarea.

Disclaimer: I haven't been working on this for a while

There isn't any official API to do that, but I think you could manually import autosize (try installing the same version) and then call autosize.update(textareaRef) where textareaRef is the the value you get from props.innerRef.

This is the call that's happening in componentDidUpdate: https://github.com/buildo/react-autosize-textarea/blob/master/src/TextareaAutosize.tsx#L159

from react-autosize-textarea.