bug: ion-scroll zoom does not work.

[dowsanjack]

Type: bug

Ionic Version: 1.x

Platform: android 5.0 webview

On pinch to zoom the scroll container should zoom in, but that does not happen.

This was working on 1.2.1(http://codepen.io/ankitjain11/pen/LNVVdL/), but not working on 1.2.4(http://codepen.io/ankitjain11/pen/QNbbxX)

Please let me know, if, my implementation is wrong, or, if more information is required.

Thanks,

[jgw96]

This bug also seems to happen on ionic v2: #5707

[orochies]

I have the same problem, no zooming work.

android version: 4.1 and above.
Ionic Version: 1.2.4

<ion-content class="has-header">
        <ion-scroll zooming="true" style="width: 100%; height: 100%">
            <img ng-src="{{image.src}}" />
        </ion-scroll>
    </ion-content>

Thanks...

[IamAdamJowett]

Seeing the same thing here on Android also, here are my details in case they help:

Android: 5.0
Ionic: 1.2.4
Device: Samsung S5

The below code is within an ion-slide-box in case this has anything to do with it.

Was working in earlier 1.2.* versions.

<ion-scroll min-zoom="1" zooming="true">
  <div class="image-holder more" ng-if="activeSlide === $index">
    <div class="image" ng-class="image-{{$index}}" ng-show="scrub.pos == $index" ng-repeat="img in episodeImages[$index] track by $index" style="background-image: url({{img}})"></div>
  </div>
</ion-scroll>

[Misikir]

I got the same problem with
Ionic, v1.2.4
android 4.1.1

 <ion-scroll zooming="true" direction="xy" style="width: 500px; height: 500px">
    <div style="width: 5000px; height: 5000px; background: url('img/eu.jpg') repeat"></div>
  </ion-scroll>

[qwerdy]

Had same problem, finally found the solution here

It can be fixed by adding overflow-scroll="false" into ion-scroll tag.

Fixed example: http://codepen.io/anon/pen/grxMvQ

[jgw96]

@qwerdy Im glad a solution was found! Thanks everyone! If this solution does not fix your issue feel free to comment!

[corv89]

Thank you!

I think this should be added to the api docs on ion-scroll.

http://ionicframework.com/docs/api/directive/ionScroll/

[jacquesdev]

@jgw96 - could you please do what @corv89 suggested? It would help loads of people.

[antonioolf]

@qwerdy's solution worked fine for me!
However note that the zoom will not work if you are testing in the browser with Shift + "mobile scroll".
Instead test the solution in your device to see it working.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.