Android Webview Keyboard issues - javascript

we're developing a WebView based application. Since recent update of "Android System Webview" (v. 59.0.3071.125) the soft keyboard has strange behaviors.
It opens/closes slower when hopping between input controls
the soft keyboard even sometimes dissapearing for a while (when given a ENTER to go to the next input control)
the keyboard looks like to be stopped working at all, it is visible but it look s like not 'linked' anymore to the active input control (while the cursor is blinking in the input control)
All this was working well using "Android System WebView version 45.0.2425.95
but not anymore. New device cannot be downgraded.
Does anybody has a solution to:
keep the keyboard connect to the webview's active input control
faster showing the keyboard popup
thanks in advance

I had similar problems so i side-loaded earlier version of Android System WebView.
Please try uninstalling updates to Android System WebView from Settings->Apps->Android System WebView
And install earlier version like 55 from https://www.apkmirror.com/apk/google-inc/android-system-webview/android-system-webview-55-0-2883-91-release/
until further update comes to Android System WebView which rectifies the said problem.

Related

How to clear an IME keyboard cache

I'm trying to manage and replicate the input coming in from a keyboard using JavaScript. This is trivial except when it comes to IME style keyboards that are the default for Android phones and Chrome OS tablets (or foreign language input). While I've mostly been successful in replicating the input generated from composition events there is one major snag: the keyboard cache.
On Android and Chrome OS when a user is typing into a text area the keyboard remembers what was recently typed and will use it to prefill the composition when the user backspaces. This is very detrimental to my objectives as it makes it hard for me to replicate the behavior without having to maintain my own version of the cache. I've been able to clear the cache on Android by using textarea.blur(); textarea.focus(); but this is not ideal and doesn't work on Chrome OS. Does anyone know what can be done about the keyboard cache from a JavaScript perspective?

UWP Javascript App - how to use the touch-keyboard when multiple monitors

I'm developing a UWP javascript app using an Aures touch screen device with a second monitor, something like this:
https://images-nitrosell-com.akamaized.net/product_images/14/3282/alt2-aures-nino-epos-system.jpg
The second monitor is integral to the app
The issue is this: Windows 10 will not go into 'tablet' mode while two monitors are connected, and if it's not in tablet mode, I have no way of forcing the tablet-based onscreen keyboard to pop up when inside an input field. I found this:
https://answers.microsoft.com/en-us/windows/forum/all/message-tablet-mode-isnt-available-while-your/9d6c7525-658b-4cb9-95ae-ec69f854f218
But that gives no resolution to the problem.
I thought I could change the app manually to be touch-based, force it to use touch, with the following code:
const ViewManagement = Windows.UI.ViewManagement;
const currentView = ViewManagement.UIViewSettings.getForCurrentView();
currentView.userInteractionMode = ViewManagement.UserInteractionMode.touch;
But it turns out currentView.userInteractionMode is a read-only field. That code does nothing.
If I can't get this to work, my only recourse will be to build into the app my own custom keyboard -- that's a last-resort though as far as I'm concerned.
I can't find any resources on how to programatically force the keyboard open either. Really pulling a blank here.
I managed to find an answer
https://www.tenforums.com/tutorials/83312-turn-off-automatically-show-touch-keyboard-windows-10-a.html
These directions are for enabling the onscreen keyboard as if the computer is in tablet mode, when it's not in tablet mode (I think it only has an effect when (a) you've got a touchscreen monitory and (b) you have no keyboard attached).
OPTION ONE didn't work for me because I couldn't find that setting.
OPTION TWO required a restart but works perfectly after that. In case that website goes down, I'll post option two here:
OPTION TWO gives you a file called Turn_ON_show_touch_keyboard_.reg
Windows Registry Editor Version 5.00
; Created by: Shawn Brink
; Created on: May 1st 2017
; Tutorial: https://www.tenforums.com/tutorials/83312-turn-off-automatically-show-touch-keyboard-windows-10-a.html
[HKEY_CURRENT_USER\Software\Microsoft\TabletTip\1.7]
"EnableDesktopModeAutoInvoke"=dword:00000001
And to disable it: Turn_OFF_show_touch_keyboard_.reg
Windows Registry Editor Version 5.00
; Created by: Shawn Brink
; Created on: May 1st 2017
; Tutorial: https://www.tenforums.com/tutorials/83312-turn-off-automatically-show-touch-keyboard-windows-10-a.html
[HKEY_CURRENT_USER\Software\Microsoft\TabletTip\1.7]
"EnableDesktopModeAutoInvoke"=dword:00000000
Just create Turn_ON_show_touch_keyboard_.reg on your desktop and double click it, then restart. Might want to restart with keyboard already unattached, not sure if starting the computer with keyboard attached messes anything up.

Cordova-keyboard not work on iOS and displays a dark area above the keyboard

I’m developing my first app with framework7. I had to run it for iPhone 6 and the iOS platform version is iOS 4.5.5.
I’m building the app with 8.1.2 (cordova-lib#8.1.1). However the keyboard of the iPhone overlays the input that I want to compile, especially with inputs which are at the end of the page.
To solve the issue I installed the cordova-plugin-keyboard v. 1.2.0.
But when I open the keyboard to compile the input a black area appears above the keyboard.
This is the issue
It looks like a Cordova bug. How can I solve it? if I can't use this plugin, how can I solve the cause that keyboard overlaps the input?
Thank you in advance

iOS Keyboard Partial Trigger on input focus

When the using the site in Safari on iPhone 5/SE, focusing on either of the two inputs shown below doesn't fully trigger the keyboard. The field toggle and "Done" buttons appear but no keyboard.
We're using a third party chat plugin that we can't swap out for another one.
The live site is: https://www.citywesthousingtrust.org.uk
I'm using the iOS simulator here but it works the same on the physical devices we have too. The issue appears to be limited to iPhone 5/SE.
Any ideas?
The simulator does this because you have a physical keyboard on your mac so no need to display anything (you can type using your computer keyboard).
If you explicitly need the iOS keyboard to show up, press 'command + K' when you're in the simulator
Hope this helps!

Set keyboard to stay open even on "go" press with html5/javascript?

I'm building a small html5 web-app to hone my html5 skills. I've built the project and it works pretty good, but I want to enable some mobile functionality which should make it even cooler! One of the annoyances of using the site on mobile is that whenever you press the "go" button on the android keyboard after entering data into a textbox, it hides its self, despite the fact that in javascript I've specified that the textbox still has focus. Is there a way to explicitly tell the android browser to keep the keyboard open?
Thanks,
John
I think this is beyond the realms of JS - The keyboard is part of android, and thus (I assume) would be up to the browser to decide whether the keyboard stays or not - how would you cope for different browsers running across android?
Because I would assume they're not all running Webkit (Firefox mobile?).
So I think the answer is it can't be done :(

Categories