Facing problem on scrolling


#1

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:






xyx



        </div>
 <img src="img/arrow@2x.png" style="width:16px; height:29px;">
                </button>
            </div>
        </div>
        <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>
    </form>
</div>

#2

Wish someone can fix this out…


#3

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…


#4

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.

http://forum.ionicframework.com/t/scrolling-not-working-on-inputs/1175
http://forum.ionicframework.com/t/scroll-not-working-in-the-latest-ionic-version-ionic-v0-9-27/2146/5

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

@andytjoslin
@mhartington


#5

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.


#6

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.


#7

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


#8

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


#9

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


#10

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


#11

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


#12

npm ionic -v tell me: 1.3.11


#13

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


#14

Ionic, v1.0.0-beta.1


#15

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>

#16

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


#17

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


#18

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


#19

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?


#20

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