1. #1
    Sencha Premium Member
    Join Date
    Oct 2012
    Location
    Sutton, UK
    Posts
    40
    Answers
    1
    Vote Rating
    0
    lenny87 is on a distinguished road

      0  

    Default Unanswered: Input Type Password makes Chrome Unresponsive

    Unanswered: Input Type Password makes Chrome Unresponsive


    I'm using 4.1.1 still. I have a form with a password input type field and whenever I delete characters Chrome becomes unresponsive for a few seconds. The same behaviour does not happen in Firefox or IE.

    Here is my definition of the panel

    Code:
    var alertToolPanel = new Ext.FormPanel({            title: 'Alert ID:' + row.get('alert_id'),
                id: ids.toolPanelId,
                layout: 'absolute',
                defaultType:'textfield',
                border: false,
                scope: this,
                closable: true,
                ids: ids,
                //
                // Specific attributes for the text fields for username / password.
                // The "name" attribute defines the name of variables sent to the server.
                //
                items: [
                        {
                            fieldLabel: 'Tool',
                            fieldWidth: 30,
                            allowBlank: false,
                            x: 5,
                            y: 5,
                            xtype: "combobox",
                            queryMode: 'local',
                            displayField: 'displayname',
                            valueField: 'idandargs',
                            editable: false,
                            store: toolsStore,
                            id: ids.toolComboId,
                            anchor: '-5'  // anchor width by percentage
                        }, {
                            fieldLabel: 'Run Host',
                            fieldWidth: 30,
                            x: 5,
                            y: 35,
                            emptyText: 'Run host',
                            id: ids.toolRunHostId,
                            anchor: '-5'  // anchor width by percentage
                        }, {
                            fieldLabel: 'Username',
                            fieldWidth: 30,
                            x: 5,
                            y: 65,
                            emptyText: 'User name',
                            id: ids.toolUsernameId,
                            anchor: '-5'  // anchor width by percentage
                        }, {
                            fieldLabel: 'Password',
                            fieldWidth: 30,
                            x: 5,
                            y: 95,
                            emptyText: 'Password',
                            id: ids.toolPasswordId,
                            inputType:'password',
                            anchor: '-5'  // anchor width by percentage
                        }, {
                            fieldLabel: 'Fire & Forget?',
                            fieldWidth: 30,
                            x: 5,
                            y: 125,
                            id: ids.toolFireForgetId,
                            xtype: "checkboxfield",
                            checked: false,
                            anchor: '-5'  // anchor width by percentage
                        }, {
                            x:5,
                            y: 155,
                            id: ids.toolOutputId,
                            xtype: 'panel',
                            tpl: '<pre>{data}</pre>',
                            tplWriteMode: 'append',
                            margin: 0,
                            hideLabel: true,
                            readOnly: true,
                            autoScroll: true,
                            anchor: '-5 -5'  // anchor width and height
                        }
                ],
    
    
                // All the magic happens after the user clicks the button
                bbar:[
                        {
                            text:'Run',
                            formBind: true,
                            scope: this,
                            handler: function() {
                                this.doTool(ids.toolPanelId);
                            }
                        },
                        {
                            text:'Stop',
                            scope: this,
                            handler: function() {
                                this.doToolStop(ids.toolPanelId);
                            }
                        },
                        {
                            text:'Clear',
                            scope: this,
                            handler: function() {
                                this.doClear(ids.toolPanelId);
                            }
                        },
                        '->',
                        {
                            xtype: 'button',
                            text: 'Close',
                            scope: this,
                            handler: this.popdown
                        }
                ]
            });
    Any help would be greatly appreciated.

  2. #2
    Sencha - Support Team
    Join Date
    Feb 2013
    Location
    California
    Posts
    3,570
    Answers
    146
    Vote Rating
    66
    Gary Schlosberg is a jewel in the rough Gary Schlosberg is a jewel in the rough Gary Schlosberg is a jewel in the rough

      0  

    Default


    Wasn't able to find any known issues like that. Is it possible that you have set up an event handler getting activated by the password field interaction that is taking longer on Chrome? Which version of Chrome? Which OS?

  3. #3
    Sencha Premium Member
    Join Date
    Oct 2012
    Location
    Sutton, UK
    Posts
    40
    Answers
    1
    Vote Rating
    0
    lenny87 is on a distinguished road

      0  

    Default


    Using latest Chrome version on OSX. Have debugged using chrome dev tools and can find no event handlers being set, let alone activated.

    Still stumped by this. Any help would be great.

  4. #4
    Sencha User
    Join Date
    Sep 2011
    Posts
    568
    Answers
    58
    Vote Rating
    70
    ettavolt is just really nice ettavolt is just really nice ettavolt is just really nice ettavolt is just really nice

      0  

    Default


    Browser hangs only if delete charts from field with inputType:'password'? And if you remove this setting, than all is right? What happens if you leave only this field in the panel? And if you set width&height for the panel?

  5. #5
    Sencha Premium Member
    Join Date
    Oct 2012
    Location
    Sutton, UK
    Posts
    40
    Answers
    1
    Vote Rating
    0
    lenny87 is on a distinguished road

      0  

    Default


    Thanks for the response. A normal text field doesn't encounter the same problem. Removing it to be the only item in the panel improved the performance but it still hangs for approximately half a second when the field is cleared. Removing emptyText property didn't help this either.

    Setting width and height didn't help either I'm afraid.

    Thanks though for your suggestions.

Thread Participants: 2

Tags for this Thread