[w3c/editing] iOS Safari: URL bar invisible hitbox overlaps text selection grab circle (Issue #550)

michael created an issue (w3c/editing#550)

In iOS Safari the bottom-floating address bar is occupying not just visual space at the center, but its bounding box occupies all the space left to right.

It's another situation (like #545) where iOS Safari uses too much space for its app chrome, so little screen estate is left for editing. In this case it leads to situations where you assume you can click/select something, but you can't, which can be frustrating to users.

Here's a demo/explanation (turn on audio) of @johannesmutter how this affects https://svedit.dev.

https://github.com/user-attachments/assets/485dd86c-99f6-4537-86bc-cb9e61231ab8.mp4

Considerations:
- I think the large hitbox makes sense on any website in non-edit mode, so you can click close to the address bar to navigate somewhere else
- However while editing content (especially while the VirtualKeyboard is open) this leads to a bad user experience

Questions
- Could the hitbox be made smaller only when the VirtualKeyboard is open?
- Could the address bar and the form assistant bar somehow be combined to save space?
- Could there be a setting, so apps can deactivate the URL bar (and/or the form assistant bar) while the VirtualKeyboard is open?

-- 
Reply to this email directly or view it on GitHub:
https://github.com/w3c/editing/issues/550
You are receiving this because you are subscribed to this thread.

Message ID: <w3c/editing/issues/550@github.com>