neoneye / ARC-Interactive

Enjoy puzzle-solving directly in your browser.

https://neoneye.github.io/arc/

MIT License

18 stars 2 forks source link

Editor: UI gets stuck when zoomed-in on mobile devices, iOS Safari #47

Open neoneye opened 7 months ago

neoneye commented 7 months ago

Problem

This is related to #28

It's rare that I trigger it myself. However I have seen this several times, when I have my friends try out solving a task. So it is a serious problem.

If you tap on one of the test pairs, then the drawing canvas takes up the entire screen estate, so there is no way to get out of the edit mode. The only way to get out is page reload and loss of data.

Recreate the problem

On an iPhone with tiny display. Also happens on iPad.
Open ARC-Interactive in Safari.
Go to the overview page.
Zoom in.
Tap on one of the test pairs.
Now the UI is stuck in edit mode. No way to zoom out.

Solution

Is it possible to detect if the UI has been zoomed?

Reset the zoom when switching from overview to editor.