NestedScrollView scroll down itself when content is fills

AndroidNestedscrollview

Android Problem Overview


I have xml, which consits of DrawerLayout, CoordinatorLayout with custom views, AppBarLayout, NestedScrollView.

Problem: When content in NestedtScrollView fills, NestedtScrollView scrolls down itself. All researches like scrollView.setScrollY(0) or custom class for layout_behavior = FixedScrollingViewBehavior didn't help me.

How do i prevent this scrolling

    <android.support.v4.widget.DrawerLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:app="http://schemas.android.com/apk/res-auto"
	android:id="@+id/drawer"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:fitsSystemWindows="true">


<LinearLayout
		android:layout_width="match_parent"
		android:layout_height="match_parent"
		android:orientation="vertical">

	<android.support.design.widget.CoordinatorLayout
			xmlns:android="http://schemas.android.com/apk/res/android"
			xmlns:app="http://schemas.android.com/apk/res-auto"
			android:id="@+id/main_content"
			android:layout_width="match_parent"
			android:layout_height="0dp"
			android:layout_weight="1">

		<android.support.design.widget.AppBarLayout
				android:layout_width="match_parent"
				android:layout_height="wrap_content"
				android:fitsSystemWindows="true"
				android:background="@color/semitransparet_color_primary">

			<android.support.v7.widget.Toolbar
					xmlns:android="http://schemas.android.com/apk/res/android"
					xmlns:app="http://schemas.android.com/apk/res-auto"
					android:id="@+id/actionbar_toolbar"
					android:layout_width="match_parent"
					android:layout_height="wrap_content"
					android:minHeight="?attr/actionBarSize"
					app:layout_scrollFlags="scroll|enterAlways"
					app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
					app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
					app:elevation="4dp"/>

		</android.support.design.widget.AppBarLayout>

		<ProgressBar
				android:id="@+id/progress"
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:layout_gravity="center"/>
		<android.support.v4.widget.NestedScrollView
				android:id="@+id/product_scroll_wrpr"
				android:layout_width="match_parent"
				android:layout_height="match_parent"
				android:visibility="gone">

			<LinearLayout
					android:layout_width="match_parent"
					android:layout_height="match_parent"
					android:orientation="vertical">

				// my content is here

			</LinearLayout>


		</android.support.v4.widget.NestedScrollView>



	</android.support.design.widget.CoordinatorLayout>

	<LinearLayout
			android:id="@+id/buttons_bar"
			android:layout_width="match_parent"
			android:layout_height="wrap_content"
			android:visibility="gone"
			android:background="#01579B"
			android:layout_gravity="bottom"
			android:orientation="horizontal"
			android:padding="8dp"
			android:gravity="center_vertical">

    // here are my buttons

</LinearLayout>

<android.support.design.widget.NavigationView
		android:id="@+id/navi"
		android:layout_width="wrap_content"
		android:layout_height="match_parent"
		android:layout_gravity="start"
		android:fitsSystemWindows="true"
		android:background="@android:color/white"
		app:headerLayout="@layout/drawer_header_left"
		app:menu="@menu/nav_drawer_menu"/>

my build.gradle consits

compile 'com.android.support:support-v4:23.1.0'

compile 'com.android.support:design:23.0.1'

Android Solutions


Solution 1 - Android

Try to set android:descendantFocusability="blocksDescendants" to the LinearLayout inside NestedScrollView. It works for me.

UPD: beware of using into the layout descendant elements like EditText, which should take a focus: that elements will not take a focus. If you know how to solve this, please let us to know.

Solution 2 - Android

An alternative to blocking the focus, is to add a new View that will steal the focus. Put it anywhere above the NestedScrollView, and it should work:

    <!--focusStealer, to avoid NestedScrollingView to scroll due to dynamically created views that take the focus-->
    <View
        android:layout_width="0px" android:layout_height="0px" android:focusable="true"
        android:focusableInTouchMode="true"/>

Solution 3 - Android

This working for me:

mNestedScrollViewChat.post(new Runnable(){
    @Override
    public void run(){
        mNestedScrollViewChat.fullScroll(View.FOCUS_DOWN);
    }
});

Solution 4 - Android

This worked for me in Kotlin

 nestedScrollView.post { nestedScrollView.fullScroll(View.FOCUS_DOWN) }

Solution 5 - Android

add android:descendantFocusability="beforeDescendants" and add and android:focusableInTouchMode="true"android:focusableInTouchMode="true"' in children view of Nested ScrollView becase nestedScrollView need focus a view before scroll. i try focus a Edittext from children of view to get focus

 <EditText
        android:id="@+id/edtAddressAccount"
        style="@style/StyleEditText"
        android:autofillHints=""
        android:ems="10"
        android:inputType="textPersonName"
        android:singleLine="true"
        android:nextFocusUp="@+id/edtAddressAccount"
        android:nextFocusLeft="@id/edtAddressAccount"
        app:layout_constraintEnd_toEndOf="@+id/edtDistrict"
        app:layout_constraintStart_toStartOf="@+id/textView13"
        app:layout_constraintTop_toBottomOf="@+id/textView13" />

full code here

 <androidx.core.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/white"
android:orientation="vertical"
android:id="@+id/nestedAccount"
android:layout_weight="1"
tools:context="jp.co.ramen.ui.auth.account.AccountFragment">

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:focusable="true"
    android:focusableInTouchMode="true"
    android:descendantFocusability="beforeDescendants"

    >

    <jp.co.ramen.utils.customview.DropDown
        android:id="@+id/spGenderAccount"
        style="@style/StyleSpinner"
        app:layout_constraintEnd_toEndOf="@+id/edtAddressAccount"
        app:layout_constraintStart_toStartOf="@+id/textView14"
        app:layout_constraintTop_toBottomOf="@+id/textView14" />

    <include
        android:id="@+id/textView14"
        layout="@layout/include_text_require"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/_12sdp"
        app:layout_constraintStart_toStartOf="@+id/edtAddressAccount"
        app:layout_constraintTop_toBottomOf="@+id/edtAddressAccount" />

    <EditText
        android:id="@+id/edtDistrict"
        style="@style/StyleEditText"
        android:autofillHints=""
        android:ems="10"
        android:inputType="textPersonName"
        android:singleLine="true"
        android:nextFocusUp="@+id/edtAddressAccount"
        android:nextFocusLeft="@id/edtAddressAccount"
        app:layout_constraintEnd_toEndOf="@+id/liner2"
        app:layout_constraintStart_toStartOf="@+id/textView12"
        app:layout_constraintTop_toBottomOf="@+id/textView12" />
...more view
</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.core.widget.NestedScrollView>

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionOgnev ZairView Question on Stackoverflow
Solution 1 - AndroidKonstantin KonopkoView Answer on Stackoverflow
Solution 2 - Androidandroid developerView Answer on Stackoverflow
Solution 3 - AndroidHitesh sapraView Answer on Stackoverflow
Solution 4 - AndroidHarish GopalView Answer on Stackoverflow
Solution 5 - AndroidMinh NhatView Answer on Stackoverflow