Results 1 to 5 of 5

Thread: Input Type Password makes Chrome Unresponsive

  1. #1
    Sencha Premium Member
    Join Date
    Oct 2012
    Location
    Sutton, UK
    Posts
    49
    Answers
    1
    Vote Rating
    1
      0  

    Default 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
    10,389
    Answers
    430
    Vote Rating
    264
      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
    49
    Answers
    1
    Vote Rating
    1
      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
    574
    Answers
    59
    Vote Rating
    74
      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
    49
    Answers
    1
    Vote Rating
    1
      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.

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
  •