Android WebView - scrollbar don't fill the layout_height

Question

I have a WebView with large text content. I'm using the following WebView settings:

    settings.setJavaScriptEnabled(true);
    settings.setLoadWithOverviewMode(true);
    settings.setUseWideViewPort(true);
    settings.setSupportZoom(false);
    settings.setBuiltInZoomControls(false);
    webview.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);
    webview.setScrollbarFadingEnabled(false);

The Html viewport settings are:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

The problem is that the scrollbar is going outside the layout, as follow:

My Android Layout is:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?android:attr/actionBarSize"
        android:background="@color/colorPrimary"
        android:elevation="4dp"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

    <LinearLayout
        android:id="@+id/frame_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent">


        <WebView
            android:id="@+id/webView"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />


    </LinearLayout>
</LinearLayout>

Are you able to scroll the last line of text or its hiding behind bottom menu buttons ? — Anand Phadke, Nov 22 '18 at 12:57
I can go to the last line of Html content (text) but when I'm there the scrollbar is gone. — Apopei Andrei Ionut, Nov 22 '18 at 13:21
I think removing content=user-scalable=no or setting it to yes from your html viewport settings should do the trick. — dglozano, Nov 28 '18 at 00:19
the bounty is about to end give it to the closest answer or it all goes to waste — Pemba Tamang, Dec 04 '18 at 10:22

score 1 · Accepted Answer · answered Nov 28 '18 at 08:40

1

I fixed the issue by adding the following on the WebView layout:

android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"

answered Nov 28 '18 at 08:40

Apopei Andrei Ionut

451
7
25

can u explain how does `layout_alignParentTop`, `layout_alignParentLeft`, `layout_alignParentStart` will work inside **`LinearLayout`** – AskNilesh Nov 29 '18 at 04:26

score 1 · Answer 2 · answered Nov 28 '18 at 15:32

1

try this :-

<WebView android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:id="@+id/webView" />

i fix this issue with this code

answered Nov 28 '18 at 15:32

Harpreet Singh

21
2

[`fill_parent` is deprecated](https://developer.android.com/reference/android/view/ViewGroup.LayoutParams#FILL_PARENT) – AskNilesh Nov 29 '18 at 04:24

score 0 · Answer 3 · answered Nov 29 '18 at 09:07

0

You can add padding to parent layout

    <WebView android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:id="@+id/webView"
    android:padding="3dp"/>

answered Nov 29 '18 at 09:07

Uma Achanta

3,669
4
22
49

Android WebView - scrollbar don't fill the layout_height

3 Answers3