Hello,
1) I select "Blank Ionic Page" template
2) I add multiple inputs on page.
3) Test on real IOS device.
4) Touch scroll doesn't work on input areas.
Thanks,
Hello,
1) I select "Blank Ionic Page" template
2) I add multiple inputs on page.
3) Test on real IOS device.
4) Touch scroll doesn't work on input areas.
Thanks,
Hello -
Are you using just multiple input components on this page only?
Hello,
There is an image at top and the others are just inputs.
Thank you, looks like I was able to reproduce this. We will report this to our development team.
Such behaviour for input component in Ionic is normal - the scroll on iOS is triggered outside of inputs (from the left side).
Hi,
when i use "Ionic page with content" template, scroll is working on IOS.
I have extremely slow scrolling on my Ionic app using an IOS device. Other devices are fine. Using Taucher's suggestion, I moved one of my list pages from a standard "Blank Ionic Page" to a "Page with Content" page template and it scrolls just fine. However, it is going to be an enormous amount of work to move all of my list pages to new"Page with Content" templates. Is their another easier way to do this and is this a known issue with IOS devices. If so, could you make the documentation more clear about the need to use the "Page with Content" templates? The Appery.io documentation doesn't do a very good job of explaining when to use a "Page with Content" option. Thanks.
Peter
P.S. Thank you Taucher.
Hi Peter -
Thank you for your feedback about our documentation, we'll update explanation here.
As for moving page components from page to page, you can now use our new copy/paste feature for AngularJS builder.
:: https://blog.appery.io/2016/03/develo...
Hi Illya,
Fortunately, I found a workaround that corrects the scrolling issue for IOS. I've posted the CSS below that can be added to the class entry for a standard Ionic page ("without content" template) so that a list will scroll using the native IOS controls on the device. In the example below, you will just want to add the custom CSS to a separate CSS file and then add the “scrolling-content” identifier into the class input for the "page" container component.
.scrolling-content {
overflow-y: scroll!important;
-webkit-overflow-scrolling: touch!important;
height:100%!important; /A value other than height:auto needs to be set/
}
Hope this can be helpful to others that come across this problem.
Peter
Hello!
We've fixed the scroll issue on iOS devices, please test your apps.