OpenHistoricalMap / issues

File your issues here, regardless of repo until we get all our repos squared away; we don't want to miss anything.
Creative Commons Zero v1.0 Universal
19 stars 1 forks source link

Page stuck zoomed in after focusing text field in time slider #912

Open 1ec5 opened 9 hours ago

1ec5 commented 9 hours ago

On Android and iOS, if the user moves keyboard focus to one of the text fields in the time slider, browsers such as Chrome and Safari automatically zoom in the page so that the user can more easily see and manipulate the text within the text field. Unless a hardware keyboard is attached, a software keyboard also appears on screen. As a result, most of the controls around the page are out of view, including large parts of the time slider panel.

This is as expected. Unfortunately, the page doesn’t zoom back out after you apply the changes by pressing the Return key or the Set button. In fact, in Safari, you can no longer zoom the page in or out using the two-finger pinch gesture. Only rotating the screen between landscape and portrait orientations will cause Safari to snap out of it and zoom back out. If the phone has screen rotation locked, the user may need to exit the browser and navigate system preferences to disable that setting – just to continue using our homepage. I don’t know if Safari’s behavior is a bug in that browser, but we should somehow ensure that the page is zoomed out after the user is done with the controls.

Focusing on the start year text field, the entire page zooms in, cutting off the left side of the time slider panel, and the keyboard takes up the bottom three-fifths of the screen, obscuring most of the time slider panel’s controls. The page remains zoomed in, cutting off the left side of the time slider panel. Without the keyboard, the slider and two of the three date readouts is now visible, as is a very small part of the animation panel.

Previously reported in https://github.com/OpenHistoricalMap/issues/issues/647#issuecomment-1862279881 and on Discord.