Wait! Looks like we don't have enough information to add this to bug database. Please follow this template bug format.
  1. #1
    Sencha Premium Member
    Join Date
    Jul 2013
    Location
    Hong Kong
    Posts
    25
    Vote Rating
    0
    alan12341234 is on a distinguished road

      0  

    Default Textfield focus jump on iOS device

    Textfield focus jump on iOS device


    REQUIRED INFORMATION

    Ext version tested:
    • Sencha Touch 2.2.1
    • Sencha Touch 2.3 b2
    Browser versions tested against:
    • Chrome 29
    DOCTYPE tested against:
    • ____
    Description:
    • Textfield focus moved to next / previous item when tap on
    Steps to reproduce the problem:
    • create a new default app by Sencha Cmd: sencha generate app test /htdocs/test
    • replace the main view with the default kitchensink basic form
    • load the URL from iPhone 4S
    • Tap on some textfield input items
    The result that was expected:
    • Focus on the tapped item
    The result that occurs instead:
    • Some tapped item will move focus to next/previous items
    Test Case:
    Code:
       
    /**
     * Demonstrates a tabbed form panel. This uses a tab panel with 3 tabs - Basic, Sliders and Toolbars - each of which is
     * defined below.
     *
     * See this in action at http://dev.sencha.com/deploy/sencha-touch-2-b3/examples/kitchensink/index.html#demo/forms
     */
    Ext.define('test.view.Main', {
        extend: 'Ext.form.Panel',
    
    
        requires: [
            'Ext.form.FieldSet',
            'Ext.field.Number',
            'Ext.field.Spinner',
            'Ext.field.Password',
            'Ext.field.Email',
            'Ext.field.Url',
            'Ext.field.DatePicker',
            'Ext.field.Select',
            'Ext.field.Hidden',
            'Ext.field.Radio'
        ],
        id: 'basicform',
        config: {
            items: [
                {
                    xtype: 'fieldset',
                    id: 'fieldset1',
                    title: 'Personal Info',
                    instructions: 'Please enter the information above.',
                    defaults: {
                        labelWidth: '35%'
                    },
                    items: [
                        {
                            xtype         : 'textfield',
                            name          : 'name',
                            label         : 'Name',
                            placeHolder   : 'Tom Roy',
                            autoCapitalize: true,
                            required      : true,
                            clearIcon     : true
                        },
                        {
                            xtype: 'passwordfield',
                            name : 'password',
                            label: 'Password'
                        },
                        {
                            xtype      : 'emailfield',
                            name       : 'email',
                            label      : 'Email',
                            placeHolder: 'me@sencha.com',
                            clearIcon  : true
                        },
                        {
                            xtype      : 'urlfield',
                            name       : 'url',
                            label      : 'Url',
                            placeHolder: 'http://sencha.com',
                            clearIcon  : true
                        },
                        {
                            xtype      : 'spinnerfield',
                            name       : 'spinner',
                            label      : 'Spinner',
                            minValue   : 0,
                            maxValue   : 10,
                            stepValue  : 1,
                            cycle      : true
                        },
                        {
                            xtype: 'checkboxfield',
                            name : 'cool',
                            label: 'Cool'
                        },
                        {
                            xtype: 'datepickerfield',
                            destroyPickerOnHide: true,
                            name : 'date',
                            label: 'Start Date',
                            value: new Date(),
                            picker: {
                                yearFrom: 1990
                            }
                        },
                        {
                            xtype: 'selectfield',
                            name : 'rank',
                            label: 'Rank',
                            options: [
                                {
                                    text : 'Master',
                                    value: 'master'
                                },
                                {
                                    text : 'Journeyman',
                                    value: 'journeyman'
                                },
                                {
                                    text : 'Apprentice',
                                    value: 'apprentice'
                                }
                            ]
                        },
                        {
                            xtype: 'textareafield',
                            name : 'bio',
                            label: 'Bio'
                        }
                    ]
                },
                {
                    xtype: 'fieldset',
                    id: 'fieldset2',
                    title: 'Favorite color',
                    defaults: {
                        xtype     : 'radiofield',
                        labelWidth: '35%'
                    },
                    items: [
                        {
                            name : 'color',
                            value: 'red',
                            label: 'Red'
                        },
                        {
                            name : 'color',
                            label: 'Blue',
                            value: 'blue'
                        },
                        {
                            name : 'color',
                            label: 'Green',
                            value: 'green'
                        },
                        {
                            name : 'color',
                            label: 'Purple',
                            value: 'purple'
                        }
                    ]
                },
                {
                    xtype: 'container',
                    defaults: {
                        xtype: 'button',
                        style: 'margin: .5em',
                        flex : 1
                    },
                    layout: {
                        type: 'hbox'
                    },
                    items: [
                        {
                            text: 'Disable fields',
                            scope: this,
                            hasDisabled: false,
                            handler: function(btn){
                                var fieldset1 = Ext.getCmp('fieldset1'),
                                    fieldset2 = Ext.getCmp('fieldset2');
    
    
                                if (btn.hasDisabled) {
                                    fieldset1.enable();
                                    fieldset2.enable();
                                    btn.hasDisabled = false;
                                    btn.setText('Disable fields');
                                } else {
                                    fieldset1.disable();
                                    fieldset2.disable();
                                    btn.hasDisabled = true;
                                    btn.setText('Enable fields');
                                }
                            }
                        },
                        {
                            text: 'Reset',
                            handler: function(){
                                Ext.getCmp('basicform').reset();
                            }
                        }
                    ]
                }
            ]
        }
    });


    HELPFUL INFORMATION
    Screenshot or Video:Additional CSS used:
    • only default
    Operating System:
    • iOS 6.1

  2. #2
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    3,948
    Vote Rating
    131
    fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all

      0  

    Default


    I am having problems reproducing this. But I came across an old issue this sounds like TOUCH-535. If you remove the clearIcon config from the emailField and urlField does it behave as expected?
    Get more personalized support via a support subscription.

    Want to learn Sencha Touch 2? Check out
    Sencha training
    Sencha Touch in Action

    Need more help with your app? Hire Sencha Services services@sencha.com

    When posting code, please use BBCode's CODE tags.

    Need to include a test case use:
    The official Sencha Fiddle

  3. #3
    Sencha Premium Member
    Join Date
    Jul 2013
    Location
    Hong Kong
    Posts
    25
    Vote Rating
    0
    alan12341234 is on a distinguished road

      0  

    Default


    The issue still exists after I put
    Code:
    clearIcon:false,
    on every field (textfield/ numberfield). Can anyone shed some light on this? We are targeting to launch on 1st Oct!

    By the way, why I feel like I'm the only one with the issue? Shouldn't it happen to all iOS users?

  4. #4
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    3,948
    Vote Rating
    131
    fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all

      0  

    Default


    You may want to open a support ticket given your launch date is so close. Is there another device that you can test on? As I stated before that I am having a problem reproducing this issue.
    Get more personalized support via a support subscription.

    Want to learn Sencha Touch 2? Check out
    Sencha training
    Sencha Touch in Action

    Need more help with your app? Hire Sencha Services services@sencha.com

    When posting code, please use BBCode's CODE tags.

    Need to include a test case use:
    The official Sencha Fiddle

  5. #5
    Sencha Premium Member
    Join Date
    Jul 2013
    Location
    Hong Kong
    Posts
    25
    Vote Rating
    0
    alan12341234 is on a distinguished road

      0  

    Default


    I tested with 3 different iPhones, one on iOS7 , the other on 6.1. They all are having the same problem.

    The other thing is that this problem does not happen all the time. You may want to tap on a field, and then tap on another a few times to trigger it. In some cases, the issue doesn't exists for a few hours but come back later with the exact same code.

  6. #6
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    3,948
    Vote Rating
    131
    fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all

      0  

    Default


    Unfortunately I still can't reproduce this issue. I heard that one of my colleagues might have been able to but he is on vacation until Monday.
    Get more personalized support via a support subscription.

    Want to learn Sencha Touch 2? Check out
    Sencha training
    Sencha Touch in Action

    Need more help with your app? Hire Sencha Services services@sencha.com

    When posting code, please use BBCode's CODE tags.

    Need to include a test case use:
    The official Sencha Fiddle

  7. #7
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    3,948
    Vote Rating
    131
    fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all

      0  

    Default


    OK my colleague got back to me and this is a known issue TOUCH-4846 that has been fixed in Touch 2.3.0. If you have a Support account you can download the latest 2.3.0 nightly to verify.
    Get more personalized support via a support subscription.

    Want to learn Sencha Touch 2? Check out
    Sencha training
    Sencha Touch in Action

    Need more help with your app? Hire Sencha Services services@sencha.com

    When posting code, please use BBCode's CODE tags.

    Need to include a test case use:
    The official Sencha Fiddle

  8. #8
    Sencha Premium Member
    Join Date
    Jul 2013
    Location
    Hong Kong
    Posts
    25
    Vote Rating
    0
    alan12341234 is on a distinguished road

      0  

    Default


    I've already paid the credit to support ticket, but you came back faster than the ticket.

    Also, it's not getting fixed on 2.3.0 b3 . I cannot find any link to get the latest beta, do you know where I can get it?

  9. #9
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    3,948
    Vote Rating
    131
    fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all

      0  

    Default


    You can Touch-2.3 download it from the nightly builds. Make sure you download Touch 2.3 as there are other versions available.
    https://support.sencha.com/index.php#nightlies
    Get more personalized support via a support subscription.

    Want to learn Sencha Touch 2? Check out
    Sencha training
    Sencha Touch in Action

    Need more help with your app? Hire Sencha Services services@sencha.com

    When posting code, please use BBCode's CODE tags.

    Need to include a test case use:
    The official Sencha Fiddle

  10. #10
    Sencha Premium Member
    Join Date
    Jul 2013
    Location
    Hong Kong
    Posts
    25
    Vote Rating
    0
    alan12341234 is on a distinguished road

      0  

    Default


    The latest nightly build seems fixed this issue. I'll report if it happens again.

Thread Participants: 1