mWeb (Safari) - Tapping on create folder/file gets automatically zoomed in

[PiyushChandra17]

p5.js version

2.10.0

What is your operating system?

Mac OS

Web browser and version

Safari and Version 16.6

Actual Behavior

Tapping on create folder/file gets automatically zoomed in

modal-zoom.mp4

Expected Behavior

Tapping on create folder/file should not get automatically zoomed in

Steps to reproduce

Steps:

1. Open the editor web app in mWeb safari
2. Tap on "+" icon
3. Tap on create folder/file
4. Notice the modal gets automatically zoomed in

[lindapaiste]

We call .focus() on the <input>. I think iOS Safari zooms in on a focused form field automatically so I don't know if there's an easy fix here. Or if it's that big of a deal. Moving the "Add File" button to below the input instead of next to it would make the experience better on iPhone, but could potentially be a downgrade for other devices.

StackOverflow: Disable Auto Zoom in Input "Text" tag - Safari on iPhone

[lindapaiste]

BTW, these inputs could also use the autocapitalize fix if you want to put in a PR for that.

And maybe an autocomplete so it stops suggesting that I enter "Linda Paiste" 😆. Mobile Safari seems to be very aggressive with their autocomplete suggestions. We don't have autocomplete="name", which would be a mistake, but it's behaving like we do. Setting autocomplete="off" might help.

[Suraj-Dhankad2025]

@lindapaiste can i work on this issue