I'm building an HTML5 chat program which has an input field and submit button at the bottom of the page.
On Chrome for Android, when the user taps the field, the soft keyboard slides up, and the user can enter a message. Once the user taps "Go", however, the keyboard disappears, and then they have to click the field again to bring the keyboard up. This is annoying.
Is there a way to force the soft keyboard to stay open?
If it helps, I'm using jQuery to bind to the submit event for the form.
My solution to this is to change the input into a textarea and style it to look just like the input element. That way the keyboard remains open when the user presses enter. It at least works on chrome for android for me.
Related
In my application there is a search segment -- just like on the twitter app. When the user clicks the magnifying glass the search segment starts (a fragment) and the keyboard is suppose to pop up so the user can type the query into the search bar.
What actually happens is the cursor is blinking in the search bar, and I can type into the bar with the hard keyboard, but the soft keyboard doesn't pop up. If I click the search bar, then the soft keyboard pops up.
Any ideas why the soft keyboard isn't popping up when the cursor is blinking in the search bar?
Apparently the soft keyboard isn't enabled by default on Genymotion.
I've turned on the soft keyboard by going to Settings | Language & Input | Current Keyboard and turning on the Show Input Method switch. But I have had some difficulty with this.
Different API versions have different UIs for this setting and it's never quite clear how to get the soft keys to show. Sometimes I've set the soft keys to show and they still don't show. Maybe you have to set them then restart Android on the device.
But that's where the setting is, and if your experience is anything like mine, you'll get it soft keys to show after you jank around with it for awhile.
You must enable it from the Genymotion application:
Open Genymotion app, it will display the list of your Genymotion devices
On the device you want to use the virtual keyboard click on the setting icon
Then check the option "Use virtual keyboard for text input"
You will then have a virtual keyboard poping up when you click on an edit text.
This will work whatever the Android version of your device is.
I am writing a mobile HTML5 web application to run on both Apple and Android. On the Android device I am testing on, I am having the following issue:
I have an input web control text box located in the lower 50% of the screen. When the focus goes to the text box, the soft keyboard is displayed and obscures/covers up/hides the input web control for which the user is supposed to be typing into. Only when the user types in at least one character does the input web control become visible and no longer hidden underneath the keyboard.
What I want is for the field being entered NOT to be obscured by the keyboard. When the soft keyboard is displayed, I want the input web control to remain visible.
This is on a Samsung tablet running Android version 3.2.
Please tell me how to accomplish this.
The simplest way to solve this android (and now ios7 too) nasty is to use the inputs focus and blur events. if you don't have a footer tag change to a class.
In jQuery:
$("input").focus(function(){
$('footer').hide();
});
$("input").blur(function(){
$('footer').show();
});
I loaded the android Sample code for Softkeyboard onto my Nexus. It shows me the option of picking the Soft KeyBoard Service under settings->language->keyboard. I select the new service and also a language, but when i go to the web browser and focus on the url field I get the same system keyboard popping up, nothing different. Has anyone tried the sample project and got a different looking keyboard? Is there something I'm missing when running the apk?
Have you checked available input methods? Just touch and hold on any text field (<4.0) or open notification bar and choose input method while keyboard is opened.
When I'm viewing a web page with a HTML5 form on my Android 3.1 device and tap on an input whose type="number", the virtual keyboard pops up which has the proceed button labelled "Next" - this is despite there being no other inputs (apart from the submit button) on the page. I enter a valid number, tap this "Next" button and nothing happens.
If I then tap somewhere else on the web page so the virtual keyboard disappears, then tap the same input again and the proceed button label magically changes to "Done"! So I then enter a valid number, tap this "Done" button and the keyboard disappears nicely out of view.
My question: How can I get his "Done" button to appear from the beginning? This problem occurs both when I view my app as a web app and when wrapped as a native/hybrid app with PhoneGap. Ultimately, my app will be a native/hybrid PhoneGap app so a solution on that level would be fine.
For the life of me I can't seem to figure this out but when you use a in the application, it shows the numeric keyboard.
The soft keyboard will appear but when you hit the Next key it does nothing. I can make the keyboard show and hide but I can't get an event listener to pickup the Next Key. Any ideas?
I would comment, but I don't have enough points.
This appears to be a bug in Chrome/Native Android browser. See Android Soft keyboard: Next button not "tabbing" between HTML5 number inputs
I'm not sure if it is possible to detect the Next button press in Phonegap. Would be interested to know..