search

vtex-apps / store-discussion

VTEX IO store builders' community
80 stars 5 forks source link

Quantity selector zooming in on iOS #420

Open jpesce opened 4 years ago

jpesce commented 4 years ago

Describe the bug When the user clicks on the quantity selector in the cart on iOS, it zooms in automatically. User then need to zoom out manually and may cause unexpected behaviour such as closing the cart.

To Reproduce

  1. Open http://storetheme.vtex.com/ on iOS (tested on Chrome and Safari)
  2. Add an item to the cart
  3. Click the quantity dropdown

Expected behavior Either zoom out after zooming in or prevent it zooming in.

Screenshots gif

Smartphone environment

Additional context See this jquery-mobile's github issue. Maybe change the font-size of the select element? Or see this discussion on stackoverflow. Maybe add maximum-scale=1 (and don't change user-scale so the user can still zoom in manually)?

PinsaraPerera commented 3 months ago

Fixed The problem is still present, but it can be resolved by setting the font size of the select element to at least 16px. This prevents iOS from triggering the zoom.