Keymap bug in IE

Discuss issues related to v4.x
User avatar
Lixody
Premium Member
Premium Member
Posts: 13
Joined: Thu Sep 24, 2015 10:04 am

Keymap bug in IE

Post by Lixody »

I've recently discovered what I believe is a bug with ExtJs 6 and Scheduler 4. The bug occurs only in IE. I made the error occur in the newest IE 11. The attached example shows the problem. It is basically just a scheduler with some events in.

The bug: ExtJS Keymapping events stop firing after resizing of an event in bryntum scheduler.

Steps to reproduce:
Open console to see debug message.
Click "DELETE" key on keyboard, it will tell you "Keymap was called". - It works fine
Now the bug: Resize any event. Retry deleting. The keymap event is no longer being called!


A little funny sidenote: When I was playing around with this, it turned out that rightclicking a new event seemed to temporarily fix the issue. No idea why though!
Attachments
keymapproblems.zip
(250.3 KiB) Downloaded 226 times

User avatar
Maxim Gorkovsky
Core Developer
Core Developer
Posts: 3075
Joined: Wed Jan 08, 2014 11:46 am

Re: Keymap bug in IE

Post by Maxim Gorkovsky »


User avatar
Lixody
Premium Member
Premium Member
Posts: 13
Joined: Thu Sep 24, 2015 10:04 am

Re: Keymap bug in IE

Post by Lixody »

Any news on this ticket by any chance?

User avatar
Maxim Gorkovsky
Core Developer
Core Developer
Posts: 3075
Joined: Wed Jan 08, 2014 11:46 am

Re: Keymap bug in IE

Post by Maxim Gorkovsky »

Not yet, unfortunately.

User avatar
Maxim Gorkovsky
Core Developer
Core Developer
Posts: 3075
Joined: Wed Jan 08, 2014 11:46 am

Re: Keymap bug in IE

Post by Maxim Gorkovsky »

After resize focus goes to document body in Chrome, so you can do this in IE:

Code: Select all

scheduler.on('eventresizeend', function () { document.body.focus(); });

User avatar
dimehb
Premium Member
Premium Member
Posts: 259
Joined: Fri Oct 02, 2015 11:06 am

Re: Keymap bug in IE

Post by dimehb »

I have the same issue with 5.0.4 (Ext 6.0.2). Does this mean the bug is back?

User avatar
Terence
Core Developer
Core Developer
Posts: 1523
Joined: Tue Apr 01, 2014 2:23 pm

Re: Keymap bug in IE

Post by Terence »

Hey I tried to reproduce on IE11 with the latest version and extjs - 6.5.0.

I could not reproduce. Could you check with this
keymapproblems.zip
(12.94 KiB) Downloaded 189 times
example?

User avatar
dimehb
Premium Member
Premium Member
Posts: 259
Joined: Fri Oct 02, 2015 11:06 am

Re: Keymap bug in IE

Post by dimehb »

Using your sample, I replaced the initComponent method with the following:

Code: Select all

initComponent: function () {
	 var me = this;
         Ext.apply(this, this.buildConfig());

	 this.on('afterrender', function() {										
		 var map = new Ext.KeyMap(this.getEl(), [{
                        target : this.getEl(),
                        key: Ext.event.Event.DELETE,
                        fn: function (keyCode, event) {
                            alert("Keymap was called!");
                        }
                    }]);
										
	 });
                
        this.callParent(arguments);
},
Most important change as you see is the target element (which is the scheduler and not the body) which is why I added the keymap in the afterrender callback.

My observations:
-It stopped working after Ext 6.0.1 for IE/Edge
- It stopped working after Ext 6.0.2 for the 'good' browsers (Chrome, Firefox, Opera)

User avatar
Terence
Core Developer
Core Developer
Posts: 1523
Joined: Tue Apr 01, 2014 2:23 pm

Re: Keymap bug in IE

Post by Terence »

Ok not only failing for Chrome then. I have created a ticket https://app.assembla.com/spaces/bryntum ... b=activity

User avatar
mats
Core Developer
Core Developer
Posts: 15864
Joined: Sat Dec 19, 2009 11:41 pm
Location: Sweden
Contact:

Re: Keymap bug in IE

Post by mats »

Seems to work ok for me with Ext JS 6.5, what are the exact steps to reproduce?
Tired of debugging javascript errors in web applications? Try our new error logging service RootCause, or read more on the Sencha blog

@bryntum
Facebook
API documentation

Post Reply