ionic-framework: zoom in ion-scroll not working in beta 2.0

Short description of the problem:

zoom option in <ion-scroll> is not working in beta 2.0m also the scrollY is poorly working on iOS.

What behavior are you expecting?

I’m expecting the zoom to work when I add zoom="true" and maxZoom="2" to <ion-scroll>

Steps to reproduce:

  1. use the code provided below (modification of demo)
  2. pinch the screen

this the code from the demo modified

<ion-content>
    <ion-scroll maxZoom="2" zoom="true" scrollX="true" scrollY="true" style="width: 100%; height: 100%">
        <div class="map-div"></div>
    </ion-scroll>
</ion-content>

<style>
    .map-div {
        width: 2600px;
        height: 1400px;
        background: url('./map.jpeg') no-repeat;
    }
</style>

Ionic Version: 2.0

Browser & Operating System: iOS / Chrome

Run ionic info from terminal/cmd prompt:

Cordova CLI: 6.0.0
Ionic Version: 2.0.0-beta.1
Ionic CLI Version: 2.0.0-beta.17
Ionic App Lib Version: 2.0.0-beta.8
ios-deploy version: 1.8.5 
ios-sim version: 5.0.1 
OS: Mac OS X El Capitan
Node Version: v4.3.1
Xcode version: Xcode 7.2.1 Build version 7C1002 

About this issue

  • Original URL
  • State: closed
  • Created 8 years ago
  • Comments: 28 (6 by maintainers)

Most upvoted comments

Hi, any news?

The closed one issue is about Ionic1 and not Ionic2. Why have u closed that? It’s still not working for Ionic2

Hello thanks for opening an issue with us! Since this issue could be considered a duplicate of the two issues referenced above I will be closing this issue. Please feel free to continue the conversation on this issue over there! Thanks again!

This framework is making hybrid look bad. This is a fundamental feature and yet it isn’t working?

I’m starting to regret this choice of tech stack.

Over a year, guys. Over a year.

Hello There, Here is my solution. Hope It’s help another body. https://github.com/freeweed/ionic-panzoom

I stopped on jQuery…

As @adamduren said, I decided to implement a custom component and after that I open sourced the code, you guys can use and submit your issues and PR’s at https://github.com/leonardosalles/ionic2-zoom-area

thanks.

Hi ionic team,

Please, you fix this, we are waiting a lot of time… I´m also starting to regret of this framework, thanks.