[CB-14093] Setting a viewport scale factor causes page to be draggable

• Type: Bug
• Status: Closed
• Priority: Major
• Resolution: Not A Problem
• Assignee: Unassigned
• Reporter: Doug Davies
• Created: 16/May/18 19:10
• Updated: 17/May/18 11:50
• Resolved: 17/May/18 11:50

Description

I'm using Cordova 8.0.0.  When I set the following viewport meta tag

<meta name="viewport" content="user-scalable=no, initial-scale=1.13, maximum-scale=1.13, minimum-scale=1.13, width=device-width">

The screen is draggable (at least on Android).  If I change to 1.14, then it is not.  It seems very random… 1.11, 1.12, 1.14, 1.17, 1.18, 1.19 work… 1.13, 1.15, 1.16 don’t.

You can reproduce this as follows:

cordova create demo
cd demo
cordova add platform android@7.1.0
change viewport in index.html to
<meta name="viewport" content="user-scalable=no, initial-scale=1.13, maximum-scale=1.13, minimum-scale=1.13, width=device-width">
cordova run android

My real app does this dynamically so that tablets scale the UI up appropriately.  I swear this has been working until recently, but I can't say for sure.  On iOS the viewport-fit=cover seems to be taking care of this, although I didn't add that until I needed iPhone X support.

Copying wtrocki as instructed.

I tried this on iOS and without that it also scrolled around.  So not sure in what component the problem lies.

I've tried this on a stand-alone (non-cordova page) and it ALWAYS seems to be scrolling.  So Cordova must be intervening and helping at least some of the time.

Here's the pages I was attempting

http://funkyvisions.github.io/index1.html

http://funkyvisions.github.io/index1.13.html

http://funkyvisions.github.io/index1.14.html

http://funkyvisions.github.io/index2.0.html