"Create Collection" button & text area overflowing outside the dialog box.

[Ri-Sharma]

Issue#1

Actual Behavior

The 'Create collection' button & the textarea is overflowing outside the dialog box when resizing the textarea.

p5.js.Web.Editor._.My.collections.-.Brave.2024-01-28.23-08-36_Trim.mp4

Expected Behavior

The max-height property is causing this issue.
Also we should remove the resize from this text area, because resizing the textarea after modification in the max-height will cause it to go out of the screen.

Issue#2

The min-width in the Collection Create modal's input area is causing horizontal scrolling for mobile screen with smaller width. It requires adjustment to prevent this issue and improve user experience.

p5.js.Web.Editor._.Create.collection.-.Brave.2024-01-31.23-41-09_Trim.mp4

[vaishnavi192]

Hey @Ri-Sharma I would like to work on it plz assign me this issue

[Ri-Sharma]

Hey @Ri-Sharma I would like to work on it plz assign me this issue

Hey @vaishnavi192, I appreciate your interest but I am already working on this issue.

[lindapaiste]

Also we should remove the resize from this text area, because resizing the textarea after modification in the max-height will cause it to go out of the screen.

So weird. I had to sanity-check myself and look at MDN because I forgot that textarea is automatically resizable https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#controlling_whether_a_textarea_is_resizable

It would be possible to make the body of the modal scrollable, but I'm thinking that's probably that's a worse user experience than having a fixed (or maximum) height on the textarea and having a scrollbar just on that textarea.