How to reset textarea's height? about react-textarea-autosize HOT 12 CLOSED

You should use event.preventDefault() to avoid that newline being entered: https://codesandbox.io/s/interesting-easley-m5960?file=/src/App.js

from react-textarea-autosize.

Doesn't setting value="" work?

from react-textarea-autosize.

Probably it does, but how about the case that I don't want a controlled value?

from react-textarea-autosize.

How do you update its value then?

from react-textarea-autosize.

I don't, I just use ref to get its value when user submits, then reset its value to '' (empty string)

from react-textarea-autosize.

@Qrysto I know this is an old one, but if any one else comes looking for an answer:

Because the input is uncontrolled, you need to reset the height manually via the DOM style property:

`

from react-textarea-autosize.

@jmcrthrs if you implement custom logic with i.e enter clearing the textarea's value you should control it - this is not an advise for this particular case, but rather a general React one. You should lift your state and control it when the need arises. Manipulating DOM is an anti-pattern and should be avoided.

from react-textarea-autosize.

I'm setting the body to an empty string however it does not reset the height. As you can see from the screenshot below, the text sets to empty string however I'm still left with two rows...

from react-textarea-autosize.

Im afraid that u would have to provide a full repro case for this situation before I could dive into this

from react-textarea-autosize.

Hi @Andarist thanks for the quick respond, I put together an example on codesandbox and my issue is actually related to the keydown event. When pressing enter, I'm sending a message (omitted in this example) and resetting the body however I'm still left with a line break.

https://codesandbox.io/s/great-wu-c4kgc?file=/src/App.js

from react-textarea-autosize.

Hi @Andarist did you have a chance to look into this?

from react-textarea-autosize.

Thanks so much @Andarist !

from react-textarea-autosize.