search

rigor789 / vue-scrollto

Adds a directive that listens for click events and scrolls to elements.
https://vue-scrollto.rigor789.com/
MIT License
2.07k stars 99 forks source link

Vue-scrollto zoom or iPhone issue? #121

Open fjpedrosa opened 5 years ago

fjpedrosa commented 5 years ago

I have done a webapp with vue.js, using vue-scrollto package. I have several elements that when clicked, it scroll down to a div. When testing it with PC browser (Chrome) it works fine. When I set the view with chrome inspector to Iphone 5/SE view it works fine. However, when I test it on an Iphone SE, the scroll happens successfully but there is a zoom into that component, I mean, the element has margins in the left and the right, but when the scroll is executed, the right margin disappears and is because there is a zoom of the element, because if I do a zoom down the element is then centered with both margins as expected.

I just wanted to ask if this behavior is reported and if that is the case how can it be avoided when using vue.js. I see that some issues of this type has been reported, like in VueJs: prevent bouncing and zooming on IOS10+ with routing but don't know if my particular issue is related with vue-scrollto package or if it is an Iphone issue. Unfortunately I have no Android device to test this.

Thanks in advanced, waiting for your answers

rigor789 commented 5 years ago

I would say this is a IOS10+ "feature", and I'm not sure how you can work around it...