search

phlask / phlask-map

Code behind the Phlask Web Map
https://beta.phlask.me
34 stars 34 forks source link

Toolbar not immediately accessible on mobile view #116

Closed gcardonag closed 4 years ago

gcardonag commented 4 years ago

Describe the bug The bottom toolbar for the map does not appear on the initial view of the app on a mobile view, because the app's height appears to be slightly larger than the visible screen. This requires a user to scroll down to get to the toolbar, which can be difficult since the map itself is also scrollable.

To Reproduce Steps to reproduce the behavior:

  1. Go to beta.phlask.me on a phone
  2. See if the bottom toolbar is visible.
  3. If it is not, try to scroll down the page (Note: This can be done by holding to scroll from the top menu bar)

Expected behavior The bottom toolbar should be visible at all times when on the mobile view of the webapp.

Screenshots N/A (this can be reproduced by going to beta.phlask.me)

Desktop (please complete the following information): N/A

Smartphone (please complete the following information): iPhone on Safari

Additional context Add any other context about the problem here.

LizKalter commented 4 years ago

You probably want to use position fixed instead of absolute.