angular-virtual-keyboard
angular-virtual-keyboard copied to clipboard
Suppress iPad native keyboard
Is it possible to add functionality to suppress the native keyboard when viewing a HTML5 site that uses angular-virtual-keyboard
for its text fields and areas?
It is not supported today by the directive. What you can do is the opposite solution, you could suppress the directive keyboard in the ipad, so the user will use only the native keyboard on the iPad. To do it use the showInMobile
configuration (in readme: directive configurations). You will need to import the dependency angular-useragent-parser (in readme: dependencies)
Thanks @the-darc but the iPads in question have laser scanners hooked up to them and those devices hijack the keyboard input to provide the results of the data being read from barcodes ... this results in a behaviour where the native keyboard doesn't slide up on the first try but can slide up if the textarea or textfield is refocused into.
That is why we wanted to use the virtual keyboard but we also want to make sure that once the virtual keyboard is in the picture, the native one doesn't popup at all ... at least not because the user refocused the cursor within the current textarea multiple times.
So we are actually searching for a shutout solution that stops whatever event would flow up from editable html components to the iPad. Any advice would be appreciated :)
cc @Chhaya-rai
Thank you for sharing. We are working on HTML5 cordova hybrid app. We have integrated your directive(angular-virtual-keyboard) in our app. When bar code scanner connects to the iPhone or Android then phone native soft keyboard will disappear automatically which is good for us. But we want your keyboard should appear. For some reason, neither keyboard will show up. Can you please help regarding this. Really appreciate your help Ex: 1) If I browse your demo from my phone with bluetooth scanner connected. Ex: 2) Angular-virtual-keyboard will not show up even bar code scanner is disconnected.