1. #1
    Sencha Premium Member
    Join Date
    Oct 2012
    Location
    Sutton, UK
    Posts
    40
    Vote Rating
    0
    Answers
    1
    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
    4,037
    Vote Rating
    69
    Answers
    156
    Gary Schlosberg has a spectacular aura about Gary Schlosberg has a spectacular aura about Gary Schlosberg has a spectacular aura about

      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
    Vote Rating
    0
    Answers
    1
    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
    573
    Vote Rating
    74
    Answers
    58
    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
    Vote Rating
    0
    Answers
    1
    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