I have a Textarea Element where the text keeps going out of bounds. I cannot start a new line.

[twin steppe]

The text goes out of bounds and i have to use the arrow keys to get the cursor there

How do i make the text fit in the textarea such that it fills up the available space and the text does not go out out of bounds of the text area...

This is a notes app where I am using the textarea element both to display the note and to input and update it.

[long veldt]

Can you share that piece of code? Normally a textarea should be managing that by itself, so it would be good to see the code

[twin steppe]

Here are the styles . Modal is the white card - like component on which the textarea and buttons exist. abd backdrop is the backdrop.

Still cannot figure this one out. Any help is appreciated.

[long veldt]

And the component in which the text area is returned?

[twin steppe]

Here is the AddNote component

[long veldt]

there you go. You need a <textarea> element instead of an <input>, otherwise it won't manage the multiline:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea?retiredLocale=it

[twin steppe]

ohhh I feel so dumb. Thanks a lot!!

Works fine now