justinschuldt / syr-marketplace

Open-source marketplace front-end powered by Stelace API including search, platform automation, user management, transactions, real-time messaging, ratings and much more :zap:
https://marketplace.demo.stelace.com
MIT License
1 stars 3 forks source link

Selection Pop-up list behavior #37

Open oslatt opened 3 years ago

oslatt commented 3 years ago

These are some issues I found when accessing it on mobile web browser (Safari/iOS):

  1. The little zoom in that happens when an input is required making the following pop-up menu misalign with the screen. (00:12 - 00:25)
  2. The cuisine list is taking way too much space on the screen and since you need to press somewhere outside of the pop-up to confirm your selections, there isn't much space. Make the list smaller about 5 items until the user need to scroll down and make it suggest the item with first few letters of user input. For example, when the user type "Th" the list should only suggest related cuisines that starts with "Th" like Thai. (00:57)
  3. The list pop-up starts from the top of the page and whenever you confirm your selections by pressing outside of the pop-up. It takes you back to top of the screen. (1:10 - 1:40)

https://user-images.githubusercontent.com/25869666/116187235-c1dd5c80-a6ea-11eb-9a09-bf96074a438d.mp4