Overflow Issue in Upload Modal

[Keshav-0907]

p5.js version

v2.11.0

What is your operating system?

Mac OS

Web browser and version

Brave v1.61.109

Actual Behavior

When uploading a large number of assets (8+) , the upload modal leads to a UI overflow issue, disrupting the user interface.

Screen.Recording.2024-02-03.at.4.10.50.PM.mov

Expected Behavior

A potential solution to address this issue during asset uploads can be to implement the overflow: scroll on the modal

Steps to reproduce

Steps:

1. Go to p5 Web Editor
2. Try to upload more than 8-10 assets
3. Notice the overflow in the Upload modal

[lindapaiste]

A max-height with overflow: auto sounds good. Always use “auto” instead of “scroll” — “auto” shows the scroll bar only if the contents are too large to fit, but “scroll” will show the scrollbar all the time.

You should check how we are handling it in other modals. Specifically the KeyboardShortcuts and the AddToCollection ones, as those have a lot of content. It’s possible that this is something which should be done in the core component, where we make sure that all overlays cannot be too big for the screen.