Pinch to Zoom - ionic app for ios

ionic-v1
#1

Hi All,

I have created an ionic app for ios and its working fine. Except one problem. The pinch to zoom feature is not working on the app.

I have the index.html and inside this i have an iframe where i load some other web content, but from the same domain so all that is working fine.

Is there any specific configuration that i should use for this to be enabled.

my viewport looks like below.

<meta name="viewport" content="initial-scale=0.9, maximum-scale=10, minimum-scale=0.5, user-scalable=yes, width=device-width">

because the maximum-scale is 10 when i click on the input box, the view goes 10 times bigger and then i cannot reduce the scale with pinch.

Could someone please assist me on what configuration am i missing here.

Thanks,
Aadil

#2

Update:

I have added the below part to my script and now only on the first load of the app i am able to zoom. And if i have zoomed in and then when i try to zoom out, it does not work.

- (void)viewDidLoad
{

self.webView.scalesPageToFit = YES;
self.webView.contentMode = UIViewContentModeScaleAspectFit;
[super viewDidLoad];
// Do any additional setup after loading the view from its nib.
}

my config file looks like below…

  <content src="index.html"/>
  <access origin="*"/>
  <preference name="webviewbounce" value="false"/>
  <preference name="UIWebViewBounce" value="false"/>
  <preference name="UIWebViewDecelerationSpeed" value="fast" />
  <preference name="DisallowOverscroll" value="true"/>
  <preference name="BackupWebStorage" value="none"/>
  <preference name="SplashScreen" value="screen"/>
  <preference name="SplashScreenDelay" value="3000"/>
  <preference name="StatusBarOverlaysWebView" value="true"/>
  <preference name="StatusBarBackgroundColor" value="#000000"/>
  <preference name="StatusBarStyle" value="lightcontent"/>
  <preference name="EnableViewportScale" value="true"/>
  <feature name="StatusBar">