I am working on a Capacitor app, which will be the only app usable on a device (kiosk mode). The device has a hardware barcode scanner and the web page will have a custom "keyboard" (just some div's) to display only the keys the customer needs.
But every time I tap on an input field, the soft keyboard pops up. I already tried with the "keyboardWillShow" event and to hide it immediately, but it just looks ugly. The keyboard appears for some 100ms, then disappears.
Is there a way to prevent the keyboard in a capacitor app from opening? I do not want to remove the keyboard completely from the android system, because that would prevent the customer for example entering WIFI configuration etc.
Oh how simple is that:
<input inputmode="none" ... />
Related
I've made a web app that uses a Fabric JS canvas with an IText on it (so you can type text in it), and a Bootstrap JS ordinary textarea.
Activating either to start typing (so cursor appears) causes the Android keyboard to pop up and then immediately slide down again, thus making typing impossible.
This is on an Android 4.1.1 tablet, using latest versions of FabicJS, Bootstrap, Opera, Chrome, and the native Android browser. Behaviour is slightly different on native browser - keyboard stays up but switches to all caps mode, and then activates the browser address bar!
Anyone got any ideas please?
Many thanks.
On Chrome or Opera on Android if I try and type into an IText (by tapping on it to activate editing mode and the cursor as normal) which I've added on my canvas, the system keyboard appears as expected but after about half a second disappears again, so typing isn't possible.
On the native Android browser, the keyboard appears, then switches to uppercase, then the browser address bar becomes active. If you then tap again in the IText the system keyboard switches back to lower case and you can type in the IText normally.
I'm using latest FabricJS on Android 4.1.1 on a generic tablet. My website also uses JQuery and Bootstrap.
Anyone seen this before? Any idea how to solve!? I've run out ideas...
Thanks
I am helping to style a Banking mobile app, and the company is using PhoneGap to build across all platforms. I am using a Nexus 4 (android) to test the app, and have noticed that when input fields are tapped, the screen does not scroll up with the soft keyboard - many input fields get lost behind the keyboard.
I can NOT have the addressbar at the top of the screen show, so the one fix I found that said to change the xml file fullscreen preference won't work.
How can this be fixed? I have not been able to test on other devices yet.
The plugin suggested in the comments worked.
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.