JS user interface unusable in mobile Safari (iPhone) when using meta viewport

[gc]

Hi,

We (like many others) use the following meta tag on a mobile-optimised page that launches the in-app payments UI.

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

The in-app payment UI seems to be having problems with it in mobile Safari (iPhone 4S, iOS 6.1.1/6.1.3), only partially showing a cropped popup iframe. When combined with the viewport restriction, this makes for an unusable UI as the user can't see costs on the right, nor can they scroll horizontally or scale the view. Have tested this in Android 4 Browser and Desktop Chrome (emulating a small screen size) and it's not a problem there.

The following screenshot shows the issue. It's like the UI code hasn't identified screen dimensions correctly.

Steps to reproduce (in iPhone mobile Safari)

1. Logout of all Google accounts .

2. Go to the official Wallet for Digital Goods sample app (Java) http://iap-java.appspot.com/main (this demo uses a similar viewport meta tag)

3. Click the purchase button

Any advice on workarounds greatly appreciated. Can anyone else verify this on iOS?

Cheers,

Guy