Textbox occasionally gets disabled on IE11

[Lukasz]

Hi,

I have a huge problem with text box control on IE11 (in Chrome it works fine). From time to time all text box controls get disabled. It is very difficult to reproduce.

My application consists of 2 pages: home and details.

On the home page I have few dropdowns, few textboxes, grid control and tab strip. I select one of the items in grid control, and go to the details page. On details page I have editor control (and few more, but this one is relevant). What I noticed is that when I leave the focus in the editor control, press button to go to the home page, select item in the grid (which causes "loading" overlay to show and hide), then all text boxes are disabled. When I click on them, they don't receive the focus. Even when I put simple <input type="text" /> somewhere else in the page, it also gets blocked. When I navigate to details page, all textbox controls are blocked as well.

And this is the part when it become interesting. When I place the focus in the editor control in the details page, then the text boxes become enabled. And it doesn't have to be the same editor control than before. I have 2nd editor control on the details page and it works that way for both.

I tried profiling memory in IE, but nothing looks suspicious. 

Could you give me any hints? I know it is difficult to help when you don't actually see the code, but can you advice me when can I get more debug information which would help here?  

I'm using Kendo UI 2014.2.903 on Angular.js (v 1.2.26).

Any help will be appreciated.

[Dimo]

Hello Lukasz,

This sounds like a known IE browser bug, which is exhibited when a focused iframe (the Kendo UI Editor) is removed from the DOM. In this case the browser is no longer able to focus anything else on the page, until something is focused with Javascript.

We have fixed this issue and changes will take effect in the coming Q3 2014 release, due in late November. You can also try the latest internal build.

Regards,
Dimo
Telerik

 

 

[Lukasz]

Hi Dimo,

Thanks for your reply. Yesterday I've updated to the version 2014.2.1107, however, the problem still occurs. I've noticed that the fix you made was to add window.focus() in destroy method of editor control. I've tried using that explicitly in few places in my code but without luck.

I've also noticed that the textboxes become enabled again when I click calendar icon in datepicker control. So I guess some code there reenables textboxes. I had hard time finding which part exactly may it be. Could you tell me if there is any other method I can use?

[Dimo]

Hello Lukasz,

We researched the discussed problem and discovered another scenario, which triggers it. We have implemented another fix for the Q3 2014 release. However, if you want to be sure that it addresses your case as well, you can provide a simple runnable HTML page for testing.

Regards,
Dimo
Telerik