Problem with the form - the message can be moved sideways after expanding

Hi all. As in the title, if someone wanted to enlarge the message, I would like it to be possible to scroll down instead of sideways. In short, there is a button to enlarge the message, I want it to only be possible to scroll down. It's my first time making a form and I can't quite get it done. mypen: https://codepen.io/Bartomiej-/pen/MWLBpjO
No description
8 Replies
jKami__93
jKami__932y ago
Try adding: textarea {resize: none}. This should disable the resizing & any overflow should be scrollable I think
bartke
bartkeOP2y ago
That's a great idea too. How would I like others to be able to zoom in on the message, but only downwards and not sideways? So what do I have to do?
jKami__93
jKami__932y ago
You can also use: resize: vertical; in that case, that way the user can resize the textarea, but only on the Y-axis But not sure if I understood your question correctly
bartke
bartkeOP2y ago
You understood me correctly and that's what I meant! Thanks
Jochem
Jochem2y ago
I'd honestly considering not doing that. It's an active act of the user to break that layout like that, and it may make it easier for someone to use your form
bartke
bartkeOP2y ago
Do you mean not to use the form?
Jochem
Jochem2y ago
no, don't restrict the ability to resize the text field using a form is necessary, restricting resizing isn't
bartke
bartkeOP2y ago
sure ty

Did you find this page helpful?