Overflow in a text field


I have created a text field for a form. It must suit for people to leave long comments there. But I noticed that if I add a text, which is longer than the field/container width, it gets hidden. I tried to change the overflow settings of an element, but it did not help. I am not sure, maybe this problem can only be solved by adding the custom code. So the task is to create a text field that will responsively move the text to the next line, when it hits the end of the container. And the container must increase in sizes. Thank you

Make sure you are using a textarea element to make word wrapping inherent.
To have it auto-expand, you’ll need a custom code or custom CSS solution.

There are some good discussion here in the forums if you search, but here are the approaches I use;


Thank you very much for a prompt response and help!