phlask / phlask-map

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

Update Mobile Search Overlay Behavior #410

Closed tomporvaz closed 2 months ago

tomporvaz commented 7 months ago

Is your feature request related to a problem? Please describe. When using the search feature on mobile, a user should have the ability to deselect the text box, like on desktop, by either pressing enter, selecting one of the search results, or tapping on the map (either pin or background). Deselecting the field would keep the search bar present with any current inputs, but remove the dark overlay over the map.

Describe the solution you'd like The dark overlay should be removed when the search bar is deselected on mobile.

https://www.figma.com/file/VGGqwl3Eq3GQIAO9I6LoNW/PHLASK?type=design&node-id=8036-117041&mode=design&t=sIaTQXTFkp2mkx2a-0

Describe alternatives you've considered n/a

Additional context This search bar for version 2.0 was implemented in issue #228

tomporvaz commented 5 months ago

Identified issue, working on solution.