Backspace in alert dialog

[john76543]

Noticed that if you press backspace while a alert dialog is open, the browser goes back to the previous page!! At least in Chrome.

Try it in the demo:
http://dev.sencha.com/deploy/ext-4.1...x/msg-box.html

Click on the alert, then press backspace on your keyboard.

Is there a way to stop this? ExtJS 4.1.1, Chrome 21.

[scottmartin]

I do not see this behavior. Tested with 4.1.1, 4.1.2.

No action on backspace key.

Scott

[john76543]

Did you use that link? Because the forum opens it in a different window, there is nowhere to go back to. Try:

Open a new browser
go to some address
Paste in the hyperlink I provided
Click 'Alert'
Press backspace.

I see it on Chrome 21, on 2 PC's. Windows 7

[scottmartin]

OK.. it happens in Windows and Mac, but not Linux. Just change your OS

I will have a look.

Thanks.

[john76543]

Ah glad it's reproducible. It's potentially quiet serious, loosing unsaved forms etc..!

Thanks

[scottmartin]

Thanks for the report! I have opened a bug in our bug tracker.

Scott

[jimmylu98]

This is a very serious bug. With extjs 3.x.x, I use following code to prevent this.
I couldn't find any way to prevent this with extjs 4.x.x since Ext.getCmp( t.id ) is not working with 4.x.x any more. I don't think we can release any product without this bug fixed.

        Ext.getBody().on('keydown', this._setBackSpace, this);

    _setBackSpace: function(e, t, o ) {
                if(e.getKey() === e.BACKSPACE) {
            var c = Ext.getCmp( t.id );
            var ckBackspace = true;
            if( c && c.xtype ) {
                if( c.xtype == 'textfield' || c.xtype == 'numberfield' || c.xtype == 'textarea' || c.xtype == 'htmleditor' ||  
                    ( c.xtype == 'combo' && c.editable == true ) ) 
                    if( c.readOnly != true && c.disabled != true ) ckBackspace = false;
            }

            if( ckBackspace ) {
                        e.stopEvent();
                           return false;
            }
                }
        }, 

[john76543]

Sencha, any chance of a work-around? It is potentially serious, and can result in data loss for my clients

[jimmylu98]

Spent a bit time, below is the code to prevent the chrome backspace problem. The work-around may not be the best, but it works for me.

I have reported this bug for extjs 3.x.x and Sencha never fix it. http://www.sencha.com/forum/showthre...is-not-working

And I tried to fix this same bug for extjs 4.0.x more than a year ago, and just spent lots of time, did not get any valuable response. Very disappoint about the supports.

http://www.sencha.com/forum/showthre...is-not-working

Ext.onReady( function() {
        Ext.getBody().on('keydown', this._setBackSpace, this);
        //....... // your owner code here
});


    _setBackSpace: function(e, t, o ) {
                if(e.getKey() === e.BACKSPACE) {
            var ckBackspace = true, c;
            if( t.tagName == 'INPUT' ) {
                Ext.ComponentManager.each(function(key, item) {
                    if( item.inputId && item.inputId == t.id ) c = item;
                });
                if( c && c.xtype && c.readOnly != true && c.disabled != true) {
                    if( c.xtype == 'textfield' || ( c.xtype == 'combo' && c.editable == true ) || c.xtype == 'numberfield' || 
                        c.xtype == 'textarea' || c.xtype == 'htmleditor' ) ckBackspace = false;
                }
            }
            if( ckBackspace ) {
                        e.stopEvent();
                           return false;
            }
                }
        } 

[john76543]

Spent a bit time, below is the code to prevent the chrome backspace problem. The work-around may not be the best, but it works for me.

That's great Jimmy, thanks a lot!