Results 1 to 3 of 3

Thread: Text input and textareas don't work with Android predictive keyboards

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Jun 2012
    Vote Rating

    Default Text input and textareas don't work with Android predictive keyboards

    This is essentially the same issue as, a bug report for Touch 1.x that is still open and is very similar to the bug I am having. I specified a lot more detail here. Swype comes pre-installed with most versions of Android, and a large percent of Android users use alternate keyboards, so this is a quite a significant issue.

    Update: it appears this may actually be a PhoneGap bug, not Sencha Touch. I can replicate the issue by uploading a pure HTML file to PhoneGap, containing a text input or a textarea (not related to Sencha in any way).


    Ext version tested:
    • Sencha Touch 2.2
    Browser versions tested against:
    • Android Browser 4.1
    • Android 4.1 native app through PhoneGap
    • Multiple keyboards, such as Swype (other keyboards used are unknown)
    • Text input and textareas don't work with Android predictive keyboards such as Swype.
    • When swyping, normally a space is automatically inserted between words, and the most recently typed word is underlined (in order to quick-backspace full words). None of this happens in Sencha; instead, words are crammed together in one big block and backspacing only goes one letter at a time.
    • When selecting text, the stock browser's Cut/Paste toolbar appears at the top of the screen (which in itself is unusual and not desired) but then when unselecting the text, those commands stay on the screen. See attached screenshot for example.
    • Each device we've tested on or received feedback about seems to have different issues (depending on the version and the type of keyboard), but none of them work as expected. Regular HTML input fields are fine (yes, tested through PhoneGap), it's only when Sencha becomes involved that the issues appear.
    • iOS appears to work fine.
    Steps to reproduce the problem:
    • Run the test case below in an Android app packaged with PhoneGap (apk file is attached for convenience)
    • You can also run it in the browser, but I was unable to get SenchaFiddle to load the files when using my phone (help with this would be appreciated as well)
    The result that was expected:
    • Virtual keyboard (Swype) should work to input text like in any other app
    The result that occurs instead:
    • Virtual keyboard (Swype) is extremely buggy. They keyboard itself is still Swype (the logo appears and it looks the same) but it doesn't insert spaces between words or allow backspacing full words. Selecting text causes even more bugs as shown in the screenshot.
    Test Case:

        launch : function() {
            Ext.create('Ext.form.Panel', {
                fullscreen: true,
                items: [
                        xtype: 'textfield',
                        label: 'input'
                        xtype: 'textareafield',
                        label: 'textarea'


    Debugging already done:
    Screenshot or Video:
    • [attached]
    • The Cut/Paste toolbar at the top should not be appearing
    • I no longer have any text selected in this image, but the selection box remains. Those handles are no longer draggable, they are simply stuck on the screen.
    Sample APK file:
    • [attached]
    • You can install this file to see the demo. Sorry there isn't a better way that I know of.
    Attached Images Attached Images
    Attached Files Attached Files

  2. #2
    Sencha User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Gainesville, FL
    Vote Rating


    This does look to be a PhoneGap issue.
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Frontend Engineer
    Need any sort of Ext JS help? Modus Create is here to help!

    Check out my GitHub:

  3. #3
    Sencha User
    Join Date
    Jul 2013
    Vote Rating


    Quote Originally Posted by mitchellsimoens View Post
    This does look to be a PhoneGap issue.
    I am getting the same behaviour on a Sencha Cmd 4 app packaged for android.

    Here is a summary of behaviour:
    - compiled an app for android: sencha app build native
    - have a variety of form views with text fields throughout the app
    - randomly after some time all text fields cannot be populated (I see the predictive text come up in the keyboard, but nothing happens on selecting it)

    My device is a Samsung Galexy Note 2, Android 4.1.2 with Swype installed.

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts