Enable auto expanding textarea

[albertdbio]

This replaces the input box with an auto expanding textarea.
However by default when the text area expand, the border radius will eventually cause it to look oval.
We can solve this issue by reducing the border radius each increment.
The key insight is that a border radius of 32 provided the same effect as rounded-full.
Therefore we can decrement it in an algorithmic manner.

Also the behavior of enter is maintained, that is, enter submits while shift+enter adds a new line.

[vercel]

@albertdbio is attempting to deploy a commit to the morphic Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
morphic	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 28, 2024 5:00pm

[miurla]

Nice work! Good implementation.

Since the initial state design has changed,
could you make the height and padding the same as the current ones?

main	feat/auto-resizing-textbox

[albertdbio]

On it!

[albertdbio]

Ahh I see the reason why the pr is 70px.
The auto resize component overrides styles based on font-width and line-height.

Just noticed the previous open issue perhaps the other contributor can give it a try.
Otherwise, I'll try to get it working over the weekend.
However I'm thinking that we either have to accept a font size of 16px or accept a slightly bigger textarea height, possibly 50px.

[albertdbio]

@Techno-o76 want to give the requested changes a try?
If it's to hard then perhaps we should create our own auto expanding textarea component that accounts for border radius as that is a very common pattern

[miurla]

@albertdbio
Understood. I'll also try to see if I can resolve it by adjusting the design.

[miurla]

Hey @albertdbio,

I've created a v0.1.8 branch, so could you change the base branch to this one?
After merging, I'll handle the remaining adjustments on my end.

https://github.com/miurla/morphic/tree/rc-0.1.8

[albertdbio]

Hey @miurla, I added the bunlock file from rc 0.1.8

[miurla]

Thank you!!

[albertdbio]

Oh but that also means that react-textarea-autosize is missing in that bun.lockb.
But when you run bun iagain it will add it