New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

bug: ion-scroll zoom stop working on 1.2.0 (and 1.2.1) #4844

Closed
olebrun opened this Issue Dec 22, 2015 · 4 comments

Comments

Projects
None yet
4 participants
@olebrun
Copy link

olebrun commented Dec 22, 2015

Type: bug

Platform: all

Hi,
zooming="true" stop working on 1.2.0.

Code from documentation http://ionicframework.com/docs/api/directive/ionScroll/ is working on 1.1.1, not on 1.2.x:

<ion-scroll zooming="true" direction="xy" style="width: 500px; height: 500px">
    <div style="width: 5000px; height: 5000px; background: url('https://upload.wikimedia.org/wikipedia/commons/a/ad/Europe_geological_map-en.jpg') repeat"></div>
</ion-scroll>
```</span>

<span is-issue-template></span>

@olebrun olebrun changed the title ion-scroll zoom stop working on 1.2.0 (and 1.2.1) bug: ion-scroll zoom stop working on 1.2.0 (and 1.2.1) Dec 22, 2015

@SebastianSchirmer

This comment has been minimized.

Copy link

SebastianSchirmer commented Dec 22, 2015

Try setting overflow-scroll="false" on the element as zooming requires JS scrolling and does not work with native scrolling (I think...).

@olebrun

This comment has been minimized.

Copy link
Author

olebrun commented Dec 22, 2015

you're right, it's ok.
Thank you.

@olebrun olebrun closed this Dec 22, 2015

@jrencz

This comment has been minimized.

Copy link

jrencz commented Feb 5, 2016

Zooming might imply overflow-scroll="false"
Otherwise it does not make sense. The intention of someone who adds zooming="true" explicitly is to have zooming functionality. If it's blocked by native scrolling then it's not obvious what to do to really enable it.
In my case reading the code helped and then I found this issue (reading the code usually helps) but anyway - it's not obvious.

@vance

This comment has been minimized.

Copy link

vance commented Oct 27, 2016

So, I had to write my own entire zoom engine using CSS transforms. It is super janky. But, I cannot use javascript scrolling as it is not performant enough for my needs (many images). Please, can somebody at least say whether it is possible to zoom on native scroll in the future, or just not possible given the Native scrolling API?

@ionitron-bot ionitron-bot bot locked and limited conversation to collaborators Sep 8, 2018

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.