Android keyboard hides input in web view

Question

In an Android webview, when a text/password field is touched, the keyboard appears but covers the field, forcing the user to scroll to see what they are typing.

Is there a way to solve this issue or a way to have an auto-focus in web view ? (as seen in iOS).

Manifest

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.dedalos.amb">

    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

    <application
        android:name=".MyApplication"
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:usesCleartextTraffic="true"
        android:windowSoftInputMode="adjustPan"
        android:theme="@style/AppTheme">
        <activity android:name=".SplashScreen" android:theme="@style/SplashTheme">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity android:name=".MainActivity">
        </activity>
    </application>

</manifest>

Layout

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:background="@color/splash_background"
    tools:context=".MainActivity">

    <WebView
        android:id="@+id/ambWebViewLayout"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@color/splash_background" />

</LinearLayout>

I also paste styles and colors here:

colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#008577</color>
    <color name="colorPrimaryDark">#00574B</color>
    <color name="colorAccent">#D81B60</color>

    <color name="splash_background">#e11020</color>
</resources>

styles.xml

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">#e11020</item>
        <item name="colorPrimaryDark">#e11020</item>
        <item name="colorAccent">#e11020</item>
        <item name="android:statusBarColor">@android:color/transparent</item>
        <item name="windowNoTitle">true</item>
        <item name="android:windowDrawsSystemBarBackgrounds">true</item>
        <item name="android:windowTranslucentNavigation">true</item>

    </style>

    <!-- SplashTheme -->
    <style name="SplashTheme" parent="AppTheme">
        <item name="android:windowBackground">@drawable/splash_theme</item>
    </style>

</resources>

stackoverflow.com/questions/7026854/…

Alireza Sharifi
– Alireza Sharifi

2019-12-22 07:36:27 +00:00
Commented Dec 22, 2019 at 7:36 — Alireza Sharifi
– Alireza Sharifi, Commented Dec 22, 2019 at 7:36

animeshk · Accepted Answer · 2019-12-19 03:21:05Z

9

+25

Try adding the following property:

android:fitsSystemWindows="true"

in the root LinearLayout of the .xml layout.

answered Dec 19, 2019 at 3:21

animeshk

3961 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Stefano Over a year ago

And navigation bar is colored too! 😕 I can't use android:fitsSystemWindows="true" as long as I don't understand how to make status bar and navigation bar transparent again 🤔

animeshk Over a year ago

You can use a CoordinatorLayout as your activity root view and then setFitsSystemWindows(boolean) will work. You can check the following post for a detailed explaination. link @Stefano.

animeshk Over a year ago

@Stefano Also you may try alternative solutions if you do not want to change your layout. They can be found in this answer here

Stefano Over a year ago

unfortunately my app crashes with CoordinatorLayout instead of LinearLayout :-/

Nawin · Accepted Answer · 2020-08-07 07:55:15Z

4

Android keyboard hides when the app use full screen mode.

This issue can be resolved if you use

<item name="android:windowFullscreen">false</item> in your styles.

then use <activity android:name=".MainActivity" android:windowSoftInputMode="adjustResize">

in your manifest.

answered Aug 7, 2020 at 7:55

Nawin

68611 silver badges19 bronze badges

1 Comment

Mimouni Over a year ago

great solution on fullscreen this was not working. but when I disable the fullscreen this works without need to change on manifest. thank you

Sebastian M · Accepted Answer · 2019-12-18 14:03:02Z

1

You might want to check this article: https://developer.android.com/training/keyboard-input/visibility

Maybe this will help you.

android:windowSoftInputMode="adjustResize"

answered Dec 18, 2019 at 14:03

Sebastian M

6597 silver badges17 bronze badges

1 Comment

Stefano Over a year ago

Hi, thank you very much for helping! I tried to insert it in the .MainActivity and unfortunately it doesn't work :-( the keyboard appears and covers the text field

Ashley · Accepted Answer · 2021-04-15 01:22:03Z

1

I resolved this issue by following answers

android:fitsSystemWindows="true" in root LinearLayout @animeshk

<item name="android:windowFullscreen">false</item> in theme style @Nawin

In my case, it worked well without adding android:windowSoftInputMode="adjustResize"

edited Apr 15, 2021 at 1:22

answered Apr 15, 2021 at 0:58

Ashley

311 silver badge4 bronze badges

Comments

Nidhi Savaliya · Accepted Answer · 2019-12-21 10:35:28Z

0

You can try this following property:

In manifest file where you register your activity :

<activity android:name="yourActivity"
   android:windowSoftInputMode="stateHidden"/>

answered Dec 21, 2019 at 10:35

Nidhi Savaliya

1793 silver badges12 bronze badges

Comments

Viral Patel · Accepted Answer · 2019-12-24 07:45:59Z

0

There are two Alternatives:

Alternative 1 :

For single line to focus then use this:

webView.requestFocus(View.FOCUS_DOWN);

Alternative 2 :

webView.setOnTouchListener(new View.OnTouchListener() {
    @Override
    public boolean onTouch(View view, MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
            case MotionEvent.ACTION_UP:
                view.requestFocusFromTouch();  
                break;
        }               
        return false;
    }

});

I hope it'll help you...!

answered Dec 24, 2019 at 7:45

Viral Patel

1,3261 gold badge12 silver badges24 bronze badges

Comments

Rohit Mandiwal · Accepted Answer · 2019-12-25 09:03:34Z

0

Try this one.

webView.getSettings().setJavaScriptEnabled(true);

webView.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageFinished(WebView view, String url) {
        view.loadUrl("javascript:document.getElementsByName('[your view name without square brackets]')[0].focus();");
        super.onPageFinished(view, url);
    }
});

InputMethodManager imm = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE);
imm.toggleSoftInput(InputMethodManager.SHOW_IMPLICIT, 0);

answered Dec 25, 2019 at 9:03

Rohit Mandiwal

10.5k5 gold badges75 silver badges89 bronze badges

Comments

Spikeeins · Accepted Answer · 2025-11-28 14:40:01Z

For me the following worked:

In my Page.xaml, I used a ScrollView with a VerticalStackLayout with the VerticalOptions="Start" (which should disable a fullscreen layout I think, which may lead to a non working adjustResize)

<ScrollView x:Name="MainView">
    <VerticalStackLayout
        VerticalOptions="Start">
            <!-- further code -->
    </VerticalStackLayout>
</ScrollView>

In my MainActivity I added the input mode again:

public class MainActivity : MauiAppCompatActivity
{
    protected override void OnCreate(Bundle savedInstanceState)
    {
        base.OnCreate(savedInstanceState);

        // Set the window soft input mode to adjustResize programmatically
        Window?.SetSoftInputMode(SoftInput.AdjustResize);
    }
}

Maybe this helps someone else as well.

Collectives™ on Stack Overflow

Android keyboard hides input in web view

8 Answers 8

4 Comments

1 Comment

1 Comment

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

8 Answers 8

4 Comments

1 Comment

1 Comment

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related