Facing problem on scrolling

Hey Guys stuck in a strange issue using Ionic framework.

When I create a login form,and user tries to scroll the screen keeping touch on textbox then page dont scrolls while keeping focus on other places in the page it scrolls @adam @andy @mhartington

Here is my form so far:


 <img src="img/arrow@2x.png" style="width:16px; height:29px;">
        <p style="color: white; margin-top: 90px; margin-left: 25px; font-size:13.585px;">* Mandatory</p>
        <p style="color: white; margin-top: 16px; margin-left: 24px; font-size:13.585px;margin-right:0px |important">By creating an account, user agrees to Gretel Terms of Use.</p>

Wish someone can fix this out…

Hmm, the forum ate your html formatting I think. What you’re saying is that if you start the touch event on the textarea, you can’t scroll?

This is a common problem with web-apps. Easiest solution is to just ignore it, as I don’t think it’s that unexpected of a behavior. Otherwise you might be able to detect onTouchStart events and return false once scrolling happens after some delay, but I have no idea how to do that given the ionic/angular framework.

There are some jquery-based solutions for it if you google around, that you might be able to adapt…

Me too facing the same problem from past versions of the ionic and it has not been fixed yet, i have posted my soo many queries in this framework but no work around yet.


please resolve this issue we are facing a lot of problem due to this. @mhartington @a


Tried JQM but no way out,even at forum the examples they are showing we cant scroll on them.

If you have any other idea do help me out.

I found this http://www.adtile.me and http://goratchet.com/components/ all works right:

I don’t know how to fix the ionic bug, I have to say maybe ionic is for future app, but not now. The safe and better choice is ratchet.

@Ionic, @h4ck3rviv3k sorry for taking so long to get back to you, but thanks for pointing this out. Seems that this is effecting some other too.

@Ionic @h4ck3rviv3k @Lagoonwish Can you guys give this a try using the nightly builds? Theres been a few commits to fix this issue.

Let me know how it goes.

We tried that too but there is no scroll when focused on a text box.
So @mhartington it didnt helped us in our issue.

I have the same problem… no scrolling if i swipe on text, problem only for android not for apple…

What version of ionic are you using? beta 1 or beta 2?

npm ionic -v tell me: 1.3.11

Not your ionic cli version, but if you look in the actual js or css file, you should see a copy right block that should tell you what build of ionic you have

Ionic, v1.0.0-beta.1

Can you try with the nightly

<link href="http://code.ionicframework.com/nightly/css/ionic.min.css" rel="stylesheet">
<script src="http://code.ionicframework.com/nightly/js/ionic.bundle.js"></script>

Thank i will try and tell you in one or two hours . Thank you for your fast answer!

Hi, i did it with nightly.
No success. Same problems!

hmm, do you mind setting up a demo (codepen, plunker)

I never did, i will try
The problem seems to grow on by increasing the content. If there is more than 50 lines text, the problems appear.
<50 line it will work but sometimes you have to do more than 3 times. Is there anywhere to use hg-click --e.preventdefault-handler?
I loaded version beta 2 but if nightly doesn’t help, this will not help!?
Do you ever seen ionic apps with a lot of text (>100 lines) for android that works fine with scrolling?
Is there a best best way to do?

I made an app with about 300 lines of text, and things were a little sluggish but still worked. What version of android?