Samsung - scroll not working

[JeanCarriere]

I have a Samsung Galaxy S3 with Android 4.3.
When I open an ionic app in the default Samsung browser, I cannot scroll the pages.
For instance if I copy the code of the list defined on this demo : http://codepen.io/ionic/pen/JsHjf
and I add some items to the list, impossible to scroll the list.

No problem if I use the chrome browser.

If I add overflow-scroll='true' to the ion-content, the scroll is working, but then i get some other problems on the refreshers.

[adamdbradley]

What version are you using? Is it 0.9.26, or the latest nightly build?

[JeanCarriere]

Both.
My app is on 0.9.26.
Then I tried on the List demo with the latest nightly build.
I have the problem on both.

[adamdbradley]

If you copied this entire codepen would it work? http://codepen.io/ionic/pen/JsHjf

Could you also post the markup your using the surrounds the list?

[JeanCarriere]

That's what I did : I copied the entire codepen into a simple html page and the scroll is not working.

[JeanCarriere]

I tried to investigate a little bit in the ionic code.
What I see is that the touchstart, touchmove events are fired.
The doTouchMove function is called but it does never enter the if (self.__isDragging) with the Samsung browser whereas it does with Chrome.
And I don't know why.

[adamdbradley]

I recently added a fix where touchcancel events will not fire taps, I wonder if this is related. Would you be able to test with the nightly build and see if it's still and issue? Thanks

http://code.ionicframework.com/#nightly

[adamdbradley]

@rvanbaalen If it's not related please don't comment here, but instead create a new issue. Since you're so eager to assist, helping to pin-point which commit broke your code and providing code which replicates the issue would be appreciated.

[JeanCarriere]

@adamdbradley I've just tested with the nightly build and I still get the problem : no scroll on the Samsung device.

[adamdbradley]

@JeanCarriere We've tested our latest changes on an S3 with 4.3 and were not able to replicate this issue. Would you be able to also test it out on your side?

http://code.ionicframework.com/#nightly

Thanks

[npostma]

I'm having the similair problems on every galax tab 2 I've tried. Tested it on 3 Samsung galaxy tabs. Cant scroll at all in my app. The scrollbar lights up and thats it. Its not moving, the page is not moving. This problem does not occur on a HTC or other brand device I've tested. But i am running it from an build APK file. Not in a browser.

Android version 4.1.1

[CoenWarmer]

Are you using 1.0.0 beta2?

[npostma]

Updated yesterday to 1.0.0 beta 1, this didn't fix my problem. This morning I updated to beta 2. The problem still occurs

[edit]
Cant scroll the content in my [code]ion-view[/code] so I tried to use [code]ion-scroll[/code] but this has exactly the same behavior.

[npostma]

As a workarround we added 2 buttons on the botom. Scroll up and scroll down. This uses ionicScrollDelegate with the function scrollTo. (scrollBy did not work, gives an JS error). This works. So there is a problem handing the dragging on screen.

This is not ideal, so I hope there will be a fix.

[edit]
Tested on an older system: Galaxy Tab 8.9 (WiFi) P7310 Android 4.0.4 and no problem there. Cant figure out why galax tab 2 behaves that different.

[edit2]
Let me know what you need to for a possible solution 👍

[adamdbradley]

Are you receiving any javascript errors at all? Unfortunately we do not have a Galaxy Tab 2 to test on so I'm unable to replicate this issue.

[npostma]

No. Non at all. Not even from the sdk monitor.

[edit]
No error from trying to scroll at least. When using the function $ionicScrollDelegate.scrollBy there is a error in the ionic.bundle. But I dont thing they are related. I will post some debug info tomorrow.

[mlynch]

Closing as not able to reproduce. I'm testing a list with scrolling right now on a 4.3 S3 and it works just fine.

If you can share your app code that would really help. Until then I'm almost certain this is not an Ionic issue.

[JeanCarriere]

I stille have exactly the same problem as npostma on my Galaxy S3. Weird !

[themobile]

Same issue on Galaxy S3 4.3. Hm...

[robdmoore]

Oops, just realised I raised a duplicate of this in #1433

[apolkingg8]

+2, same issue on S3 with 4.3 and Note 2 with 4.1, but fine on HTC 4.4.

[Edit]
I find the problem. Seems like css 'calc' not worked on 4.3- WebView, so I got wrong height and can't scroll.

[StreetStrider]

Having this problem on HTC tablet, Android 4.2, and some other older devices.

[credli]

Having same issue on Note 2, Android 4.4.2...

[stvhanna]

Same issue w/ a Galaxy S4 Android 4.2.2. When going from to another route/view with , scrolling on the last view doesn't work. A refresh of the page fixes the issue. Is it something w/ cache?

[Qvatra]

same thing on samsung s2 android 4.1.2

[adamdbradley]

@Qvatra Can you try this on the nightly build?

[JoeyHoutenbos]

Same problem on Galaxy Tab 3 (Android 4.2.2) and Galaxy Tab 4 (Android 4.4.?)

[rvanbaalen]

@adamdbradley Should this be reopened since there are still some issues on this matter?

[5im0n]

Same issue with my Galaxy S3 on Android 4.3.
Slide box doesn't work, poor performance....

[arenddeboer]

Same issue on A galaxy Tab 2 running Android 4.2.2 with ionic 1.0.0-beta.13

[rvanbaalen]

@adamdbradley @bensperry Could this issue be reopened since so many people are still experiencing the scroll problem on Android devices?

[alexlopezit]

@adamdbradley @bensperry I am having the same issue, I am not 100% sure but I think is the touch events, fount this that might help http://stackoverflow.com/questions/2987706/touchend-event-doesnt-work-on-android#answer-4709593

[snaiperskaya96]

Same issue, looks like it comes with some version of android such as 4.1.2 4.2.1 4.2.2

[eggarsync]

Same issue on galaxy s3. :(

[eriwangi08]

I'm running android 5.1.1 on Samsung Galaxy Tab A (2016). I have implemented a webview and androidpdfviewer and i'm experiencing the scroll issue.
Kindly assist.

This is the sample code

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginBottom="30dp"
    android:layout_marginLeft="15dp"
    android:layout_marginRight="15dp"
    android:layout_marginTop="30dp"
    android:background="@color/white"
    android:orientation="vertical">

    <!-- TOP SECTION WITH HEADER-->
    <LinearLayout
        android:id="@+id/top_section"
        android:layout_width="match_parent"
        android:layout_height="24dp"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:layout_marginTop="1dp"
        android:orientation="horizontal">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <sg.utmobile.core.ui.view.UtTextView
                android:id="@+id/text_form_title"
                style="@style/General.Component.Text.Header.Fragment"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:tag="text_form_title"
                android:text="Document Preview"
                android:visibility="visible" />

            <View
                android:id="@+id/header_line"
                style="@style/title_line"
                android:tag="header_line" />
        </LinearLayout>
    </LinearLayout>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="850dp"
        android:layout_marginBottom="5dp"
        android:layout_marginTop="5dp"
        android:gravity="center">

        <!-- PDF REGION -->
        <!--<com.github.barteksc.pdfviewer.PDFView
            android:id="@+id/grid_pdf_viewer"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginBottom="60dp"
            android:isScrollContainer="true"
            android:scrollbars="vertical"
            android:tag="grid_pdf_viewer"
            android:visibility="visible"></com.github.barteksc.pdfviewer.PDFView>-->
        <ScrollView
            android:layout_width="match_parent"
            android:layout_height="850dp">

            <sg.utmobile.core.ui.view.UtWebView
                android:id="@+id/grid_pdf_viewer"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="60dp"
                android:overScrollMode="always"
                android:tag="grid_pdf_viewer"
                android:visibility="visible"></sg.utmobile.core.ui.view.UtWebView>
        </ScrollView>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:orientation="horizontal">

            <sg.utmobile.core.ui.view.UtCheckbox
                android:id="@+id/chk_read_loan_doc"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:layout_marginLeft="8dp"
                android:button="@drawable/custom_checkbox_selector"
                android:checked="false"
                android:soundEffectsEnabled="false"
                android:tag="chk_read_loan_doc" />

            <sg.utmobile.core.ui.view.UtTextView
                android:id="@+id/txt_read_loan_doc"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="3dp"
                android:layout_marginTop="2dp"
                android:tag="txt_read_loan_doc"
                android:text="I have read and understood the loan document"
                android:textAllCaps="true"
                android:textColor="@color/black"
                android:textSize="16dp"
                mobile:font="Ubuntu-R" />

            <sg.utmobile.core.ui.view.UtButton
                android:id="@+id/button_dismiss"
                android:layout_width="wrap_content"
                android:layout_height="@dimen/component_height_normal"
                android:layout_alignParentRight="true"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="2dp"
                android:layout_toRightOf="@id/button_clear"
                android:background="@drawable/form_button_selector"
                android:paddingLeft="12dp"
                android:paddingRight="12dp"
                android:singleLine="true"
                android:tag="button_dismiss"
                android:text="CONFIRM"
                android:textAllCaps="true"
                android:textColor="@color/text_color_1"
                android:textSize="@dimen/text_font_size_normal"
                mobile:font="Ubuntu-R" />

        </LinearLayout>
    </RelativeLayout>

</LinearLayout>

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.