White Background overlay view on Keyboard hide on Android - android

I am testing my app on Android. When an input field selected and ion-select selected key leaves an overlay, a white background is shown after the keyboard closes. The recorded video link is below:
https://imgur.com/o04R8AE
code : https://github.com/Shamran-Gouse/demoapp
I have tried android:windowSoftInputMode="adjustNothing" but then I cant see below form, I also tried the Ionic Keyboard plugin
It shouldn't happen

Related

Android: Textinput does not rise up in fullscreen mode inside a webview

My Android APP has a webview to display html content, in one of the pages have text boxes, and when I click on the text box appears the Android keyboard, and the textbox show up to be visible, so far so good, but when I put the application in Fullscreen Mode, when I call the keyboard, textbox does not rise up.
Does anyone know why?

Changing background color of done/send key on softkeyboard android

Is it possible to change the background color of soft keyboard when it popups on screen. That is having full control of the native android keyboard and customized it at will.
No, you can not change background color of android soft keyboard while it pops up. For that you have to make you own soft keyboard.
And if you want to customize android native key board then you can do it. Take source code of LatinIME from Android repository and modify it by taking care of Open source licence.
Also check http://developer.android.com/guide/topics/text/creating-input-method.html

Unusual behavior display while showing pop up screen in jquery mobile

I am implementing pop up screen .But when i click a button My pop up is show .But when i click the field which is present on pop up screen .it show keyboad
along with my background image .I didn't add any background image on that page .I only add background image on different pages but it is show in that page when i scroll the pop up screen
i don't provide my code because it too large.Can you please idea how it is possible .actualy i check on browser it is working fine problem is android device!
This is not a image. Actually jQueryMobile adds a border to the active input field. You can change this via CSS. Please see the link jQuery Mobile border on select text input
It is not an image those lines are the lists that are created automatically for some reason you can check there will be some code for it in your code put it on git.

Items in background get focus after something in foreground is clicked

Using Sencha Touch 2.0.1.1 and Cordova 2.0.0, I'm having trouble with the focus of elements.
In multiple situations, elements in the background gain focus after an element in the foreground disappears by a tap.
After an Ext.Msg.alert()'s OK button is clicked, the focus immediatly shifts to an underlying textfield behind the mask in the background
When clicking the slideButton on WNielson's facebook menu, the focus immediatly shifts to the searchfield that's 'below' the slideButton (https://github.com/wnielson/sencha-SlideNavigation)
When clicking a list item on WNielson's facebook menu, I get instantly get redirected to a link that's 'below' the menu.
This occurs on Android and iOS only, but not in Chrome on pc or iOS. I've tried disabling the background element/view until the foreground element is gone, but this doesn't seem to work.
Does anyone have a solution to this problem? Is this a bug in sencha touch?
Edit: I've uploaded an example on http://www.senchafiddle.com/full/!NxY8s/, view it with an android device, and see what I mean.
I've seen this behavior once, the problem was there were elements that were listening to click events instead of just tap events as generated by sencha.

Screen goes black when virtual keyboard hides - Samsung Galaxy Tab 10.1 / Android 3.1 / PhoneGap

If I position a text input in the lower half of a page, when the user taps it to show the virtual keyboard, the page automatically slides up. When you tap away from the keyboard, the page automatically slides down again. I.e., everything is fine.
But when the text input is located in the top half of the page (in which case the page doesn't automatically slide when the keyboard appears), the behaviour is bad:
User taps the text input;
The whole screen (except the text input) turns black momentarily, then the keyboard slides up;
The user taps away from the keyboard;
The screen flashes black before the page is rendered again.
However, if you try the above steps a second time, the sequence is:
1. Same as above;
Same as above;
Same as above;
The screen turns black and stays black;
The user taps on the black screen;
The page is shown again.
I've tried a few different things, like detecting when the text input loses focus (i.e., keyboard hidden) to show to page, scroll the page, etc. but nothing seems to prevent this problem with the black screen.
Showing a javascript alert when the text input loses focus avoids the black screen problem (but I don't want an alert to show either!).
I've also tried using android:hardwareAccelerated="true" inside my AndroidManifest.xml's tag. And whilst that does fix this particular problem, it unfortunately creates many more rendering problems throughout the web app.
Does anyone have any suggestions?
Put this code in your manifest file in your launching activity tag
android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|uiMode|screenSize|smallestScreenSize"
android:windowSoftInputMode="stateHidden|adjustPan"

Categories

Resources