humanmade / humanmade/wp-stripe

On mobile: Modal window approach causes a "cannot zoom out" bug for Safari on iPhone.

Open
#9 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
PHP
Stars
47
Forks
18
PR merge metrics
No merged PRs in 30d

Description

When you open the modal window in an iphone in iOS 7, there is a problem with zooming that cuts off much of the form, and it also doesn't allow pinching out to zoom out, for whatever reason. The result you get is a zoomed-in, cut-off form that you can't zoom out. (see attached iphone screenshot for an idea of what I mean)

I'm still looking into solutions for this like using a viewport meta, or the like.

![modal_zoom_bug](https://f.cloud.github.com/assets/23353/1806864/ef38fbd2-6cc1-11e3-976f-1bed033e5e19.png)

Contributor guide

No contributing guide indexed for this repository

Research direction

Reproduce the modal on an iPhone running iOS 7 and compare the zoomed, cut-off form with the attached screenshot. Start by inspecting the modal's viewport behavior and the possible viewport meta configuration mentioned in the issue; done means the full form is usable and pinch-to-zoom out works.

Written by the indexing model from the issue text.

Assessment

Tech stack
ios
Domain
frontend, mobile-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.