Keyboard hides input text area

I have a form that displays inside http://ionicframework.com/docs/api/service/$ionicPopup/ . The problem is that when the cursor is placed inside the final input (text area), the keyboard shows, but the input does not scroll back and does not close with the keyboard. The user must scroll down.

I am using an Android device.

The documentation says

Ionic will try to prevent the keyboard from hiding inputs and focus elements when it appears, scrolling them into view. In order for this to work, any custom elements must be in the scroll view or in a directive, such as Content, which has the form of a scroll.

If I wrapped the form with a tag containing ions, the input field will again return to the original image, but using the riots with my layout and I will look for another solution.

Update: What the manifest looks like

<?xml version='1.0' encoding='utf-8'?> <manifest android:hardwareAccelerated="true" android:versionCode="1" android:versionName="0.0.1" package="myAwesomeApp" xmlns:android="http://schemas.android.com/apk/res/android"> <supports-screens android:anyDensity="true" android:largeScreens="true" android:normalScreens="true" android:resizeable="true" android:smallScreens="true" android:xlargeScreens="true" /> <uses-permission android:name="android.permission.INTERNET" /> <application android:hardwareAccelerated="true" android:icon="@drawable/icon" android:label="@string/app_name" android:supportsRtl="true"> <activity android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale" android:label="@string/activity_name" android:launchMode="singleTop" android:name="MainActivity" android:theme="@android:style/Theme.DeviceDefault.NoActionBar" android:windowSoftInputMode="adjustResize"> <intent-filter android:label="@string/launcher_name"> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> <activity android:name="me.apla.cordova.AppPreferencesActivity" /> <activity android:clearTaskOnLaunch="true" android:configChanges="orientation|keyboardHidden" android:exported="false" android:name="com.google.zxing.client.android.CaptureActivity" android:theme="@android:style/Theme.NoTitleBar.Fullscreen" android:windowSoftInputMode="stateAlwaysHidden"> <intent-filter> <action android:name="com.google.zxing.client.android.SCAN" /> <category android:name="android.intent.category.DEFAULT" /> </intent-filter> </activity> <activity android:label="@string/share_name" android:name="com.google.zxing.client.android.encode.EncodeActivity"> <intent-filter> <action android:name="com.phonegap.plugins.barcodescanner.ENCODE" /> <category android:name="android.intent.category.DEFAULT" /> </intent-filter> </activity> <activity android:label="@string/share_name" android:name="com.google.zxing.client.android.HelpActivity"> <intent-filter> <action android:name="android.intent.action.VIEW" /> <category android:name="android.intent.category.DEFAULT" /> </intent-filter> </activity> </application> <uses-sdk android:minSdkVersion="16" android:targetSdkVersion="23" /> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" /> <uses-permission android:name="android.permission.CAMERA" /> <uses-permission android:name="android.permission.FLASHLIGHT" /> <uses-feature android:name="android.hardware.camera" android:required="false" /> 

+5
source share
3 answers

Add this to your activity at AndroidMenifest

  android:configChanges="keyboardHidden|orientation|screenSize" 
0
source

If you are using a cordova keyboard, you can use cordova.plugins.Keyboard.disableScroll(false); when the popup opens and use cordova.plugins.Keyboard.disableScroll(true); when it closes. in this way, the layout can handle an overlapping keyboard in the case of pop-ups.

0
source

You need to set android:windowSoftInputMode="adjustResize" in the manifest on Application or on Activity .

And check if you ask something like getWindow().setSoftInputMode(...) in your activity. If yes, delete these lines.

0
source

All Articles