taucher
Posts: 0
Joined: Fri Apr 17, 2015 6:06 am

Ionic Framework - "Blank Ionic Page" Scroll on Input Problem

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,

Illya Stepanov
Posts: 0
Joined: Mon Mar 18, 2013 8:48 am

Ionic Framework - "Blank Ionic Page" Scroll on Input Problem

Hello -

Are you using just multiple input components on this page only?

taucher
Posts: 0
Joined: Fri Apr 17, 2015 6:06 am

Ionic Framework - "Blank Ionic Page" Scroll on Input Problem

Hello,
There is an image at top and the others are just inputs.

Illya Stepanov
Posts: 0
Joined: Mon Mar 18, 2013 8:48 am

Ionic Framework - "Blank Ionic Page" Scroll on Input Problem

Thank you, looks like I was able to reproduce this. We will report this to our development team.

Illya Stepanov
Posts: 0
Joined: Mon Mar 18, 2013 8:48 am

Ionic Framework - "Blank Ionic Page" Scroll on Input Problem

Such behaviour for input component in Ionic is normal - the scroll on iOS is triggered outside of inputs (from the left side).

taucher
Posts: 0
Joined: Fri Apr 17, 2015 6:06 am

Ionic Framework - "Blank Ionic Page" Scroll on Input Problem

Hi,

when i use "Ionic page with content" template, scroll is working on IOS.

Peter Vroom
Posts: 0
Joined: Sun Aug 30, 2015 5:26 pm

Ionic Framework - "Blank Ionic Page" Scroll on Input Problem

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.

Illya Stepanov
Posts: 0
Joined: Mon Mar 18, 2013 8:48 am

Ionic Framework - "Blank Ionic Page" Scroll on Input Problem

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...

Peter Vroom
Posts: 0
Joined: Sun Aug 30, 2015 5:26 pm

Ionic Framework - "Blank Ionic Page" Scroll on Input Problem

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

Evgene Karachevtsev
Posts: 12
Joined: Mon Apr 28, 2014 1:12 pm

Ionic Framework - "Blank Ionic Page" Scroll on Input Problem

Hello!

We've fixed the scroll issue on iOS devices, please test your apps.

Return to “Issues”