Android keyboard immediately disappears in bootstrap or fabricjs input - android

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.

Related

Virtual keyboard for Angular on mobile devices

I am struggeling on a question of my client to use a custom keyboard on my webapplication on a mobile device. That keyboard should only have all the digits, a dot, a backspace and an enter. Nothing more, nothing less.
I know you can use the different HTML5 input types (tel, number,...) to get a different keyboard of the Mobile Operating System, but these keyboards are different on each Mobile Operating System (Android, IOS, Windows Mobile): http://mobileinputtypes.com/ - Using the type 'tel' on IOS is ok, but on android I get a whole lot of other options that are not necessary. Same goes for 'number'...
I know it is not possible to customize the default keyboard of an Mobile Operating System.
I have found the plugin http://the-darc.github.io/angular-virtual-keyboard/ that at first sight does the job (look at the Numeric keyboard with customized css example). The only problem is that on mobile the default keyboard of the Mobile Operating System always pops up.
Is there a way to not show the default Keyboard or are there any other options that you can think of?
Thanks for the help, much appreciated!

Android keyboard immediately disappears when typing into FabricJS IText

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

Virtual Keyboard Closing Automatically

Hi I am writing a cordova app using AngularJS. If I include JQuery in the app, I get the 300 ms input delay. But if I don't include JQuery in the app when I tap on an input or a text field, the virtual keyboard doesn't pop up(I think it shows itself for a brief second then dismisses itself). This is happening on both iOS and Android.
I am using ngTouch and the Angular Bootstrap, but either of those don't appear to be the issue.
Thanks, Krtko

Cordova TalkBack Issues

I am developing an Cordova application and am working on making it accessible. In iOS, VoiceOver works fine and as you would expect with a native application. For Android, TalkBack briefly works on the first screen of the application. After the first screen, TalkBack stops responding (globally, not just in the application) and will not allow the user to swipe to the next element, or select any elements.
The content is build using all the right ARIA tags and following the specs, Android and TalkBack just doesn't seem to be playing nicely with HTML content and WebView.
The application is targeting Android 4.3 and Android 4.4.
Can anyone point to a Cordova / PhoneGap application that works properly with TalkBack on Android?

Missing on-screen keyboard for Flash/Flex web application on Android?

I have an enterprise Flex web application, served up over https, that runs fine on Flash player 10.0 and beyond on a desktop computer/browser.
However, when I run it from my HTC Incredible with Android 2.2 the app loads fine, but there is no on-screen keyboard and so I cannot log in. I can see the blinking cursor inside the username and password text fields. I can switch between them. I can even hit the login button and see an authentication error!
According to Adobe this should Just Work. Any ideas? I wanna show off our spanking new app to strangers at the bus stop!
Seems the problem is different implementations of the keyboard in the browser. See the comment from Adobe here as they shut the bug as unfixable: https://bugs.adobe.com/jira/browse/FP-5704
I have the same problems on a Galaxy S2 - though manually forcing the keyboard up here isn't an option as the address bar automatically gains focus.
Mobile Text Input
Flash Player 10.1 provides support for use of native device virtual keyboards with TextField support if no physical keyboard is detected. A virtual keyboard is automatically raised and lowered in response to focus changes on text fields when editing text on mobile devices supporting a virtual keyboard to enable unobstructed and intuitive text editing. The focused text field is centered in the visible region of the page and appropriately zoomed/scrolled to ensure it is not obscured by the virtual keyboard. Upon screen rotation, incoming calls, or other system events, any already existing text input is retained. The virtual keyboard works with TextField but does not currently work with the Text Layout Framework or other Flash Text Engine text.
The spark components in Flex 4 are not currently optimized for mobile. The next release of Flex codenamed "Hero" will provide mobile optimized skins for the spark TextInput/TextArea components. These skins are based on TextField and they are also optimized for performance with ActionScript skins and a more appropriate default size. Text support in the current Hero preview release is minimal, but the final release will be more robust, for example supporting scrolling in a TextArea. Check out the spec for more information: http://opensource.adobe.com/wiki/display/flexsdk/Mobile+Text+Components
It's probably worthwhile to note that the mobile features in Hero are designed with standalone mobile applications in mind, not browser-based applications. That said you might be able to grab those mobile skins and try using them in a browser-based Flex application compiled with Hero.
have you tried republishing your work strictly for 10.1? i believe that any applications which support versions of Flash prior to 10.1 are seen as Flash Lite on mobile devices, which may (or may not) be the problem.
it's worth a try.
Not a programming solution, but long press on the menu button brings up the keyboard if it doesn't pop up by itself (at least on my HTC Desire, 2.2 android).
Device: Kindle Fire
I had the same problem. My mathlab uses flash for homework assignments, and I could not access my keyboard for input. Until I found this.
Download and Install "Keyboardflash_1.0.0.apk" on your Android device.
go to the flash program in your browser
run the "Game Keyboard" app and click "Tap here to call out keyboard after exit"
return to your browser
You will notice I did not perform the direction the app gives you because the kindle fire is not compatible with those steps. Maybe it is with your device.
You may have trouble getting this to work with a browser app like "Dolphin"
Your Welcome :)
and respect the developer
Gamepad is also on the android market.

Categories

Resources