search

processing / p5.js-web-editor

The p5.js Editor is a website for creating p5.js sketches, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else! You can create, share, or remix p5.js sketches without needing to download or configure anything.
https://editor.p5js.org
GNU Lesser General Public License v2.1
1.39k stars 1.33k forks source link

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

Open PiyushChandra17 opened 10 months ago

PiyushChandra17 commented 10 months ago

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

https://github.com/processing/p5.js-web-editor/assets/47579287/ddf2332d-1400-4f03-a5bb-49da630dcd56

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 commented 10 months ago

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 commented 10 months ago

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 commented 10 months ago

@lindapaiste can i work on this issue