Andarist / react-textarea-autosize

<textarea /> component for React which grows with content

Home Page:http://andarist.github.io/react-textarea-autosize/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Proposal: Expose hook version to use with other libraries

adambrgmn opened this issue Β· comments

Hey! Thanks for this awesome library πŸ™ I've been using it in different projects with success πŸ‘
In a recent project I was using react-mde as a markdown editor. It uses a <textarea> under the hood. But I wanted it to auto-expand. I tried some different css solutions without any luck.

Then I thought, maybe it would be possible to expose the logic in this library as a hook. I gave it a go, and it works like a charm!

I created an api like this:

const textareaRef = useRef<HTMLTextareaElement>(null);
useTextareaAutosize(textareaRef, { minRows: 8 });

return <ReactMDE {...} refs={{ textarea: textareaRef }} />;

I totally agree if you think this is out of scope of this project. But if you like the idea I would love to give it a go and provide a PR!