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 » Thu Nov 19, 2015 5:31 pm

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 166 times

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

Re: Keymap bug in IE

Post by Maxim Gorkovsky » Mon Nov 23, 2015 11:56 am


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 » Mon Dec 07, 2015 10:24 am

Any news on this ticket by any chance?

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

Re: Keymap bug in IE

Post by Maxim Gorkovsky » Mon Dec 07, 2015 11:03 am

Not yet, unfortunately.

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

Re: Keymap bug in IE

Post by Maxim Gorkovsky » Mon Dec 21, 2015 4:43 pm

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: 215
Joined: Fri Oct 02, 2015 11:06 am

Re: Keymap bug in IE

Post by dimehb » Wed Jul 19, 2017 8:44 pm

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: 1521
Joined: Tue Apr 01, 2014 2:23 pm

Re: Keymap bug in IE

Post by Terence » Fri Jul 21, 2017 1:17 pm

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 122 times
example?

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

Re: Keymap bug in IE

Post by dimehb » Mon Jul 24, 2017 2:39 pm

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: 1521
Joined: Tue Apr 01, 2014 2:23 pm

Re: Keymap bug in IE

Post by Terence » Mon Jul 24, 2017 4:09 pm

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: 14131
Joined: Sat Dec 19, 2009 11:41 pm
Location: Sweden
Contact:

Re: Keymap bug in IE

Post by mats » Sun Jul 30, 2017 11:35 am

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