Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha Premium Member
    Join Date
    Mar 2012
    Posts
    101
    Vote Rating
    8
    Lukappa is on a distinguished road

      0  

    Default Spinner Field + Virtual keyboard on Kindle Fire

    Spinner Field + Virtual keyboard on Kindle Fire


    Ext version tested:
    • Sencha Touch 2.2.1
    Browser versions tested against:
    • KindleFire 7.4.3 (7 inchs tablet)
    • Android 4.0.3 / Silk 2.9
    Description:
    • KindleFire tablet shows the virtual keyboard when user taps on number of spinnerfield (tap over textfield declared in "component" of spinnerfield)
    Steps to reproduce the problem:
    • Create an Ext.field.Spinner with "value: 1"
    • Tap on "1" textfield value (here you can see the virtual keyboard)
    The result that was expected:
    • The keyboard shouldn't appear because the textfield component should be disabled
    The result that occurs instead:
    • The virtual keyboard appears =)
    HELPFUL INFORMATION

    Possible fix:
    • For the moment I "block" the focus event calling the "blur" event.
    • I tried with e.stopEvent() and setting "readOnly" param on component but it doesn't work.
    Code:
    {
               xtype: 'spinnerfield',
           .....
               component: {
                    disabled: false,
                    listeners: {
                        focus: function(f, e) {
                            this.blur();
                        }
                    }
                }
    }
    
    
    
    
    I know it's terrible solution... but for the moment it works. Of course add this listener only for KindleFire if you don't want to see your app jumping up and down on other devices




  2. #2
    Sencha Premium Member
    Join Date
    Mar 2012
    Posts
    101
    Vote Rating
    8
    Lukappa is on a distinguished road

      0  

    Default


    A global way to fix it is adding this code in your main Ext.application in app.js.

    Code:
    ....
    
    launch: function() {
    //Spinner Field + Virtual keyboard on KindleFire
            Ext.override(Ext.field.Spinner, {
                config: {
                    component: {
                        disabled: false,
                        readOnly: true, //Fix for Android disabled Style over textfield Issue
                        listeners: 
                        Ext.os.is('Android') && Ext.browser.is('Silk') 
                        ?
                            {
                                focus: function(f, e) {
                                    this.blur();
                                }
                            }
                        :
                            {
    
    
                            }
                    }
                }
            });
    }
    ...