[Solved] Kendo Grid - Text Filters - Text inputs failing in IE

[Guga]

Hi guys,

I have a complex scenario where a kendo grid is getting loaded inside of an iframe (the base of the application is in Silverlight, so we use telerik's HTML placeholder to load pages that were developed in html/javascript).

On the columns that are text, the integrated filters input text boxes stop responding to the user mouse click the second time the page is loaded inside the iframe. If I use the TAB key I can make the input gain focus normally.

If I click on one of the other filters (non-text) input boxes the text filters now respond to the click event.

If I reload the page it all works fine.

On other browsers it all works as expected. There are no errors on the console. Inspecting the html element everything seems correct (I cannot detect any differences before and after).

Any idea what the issue is and is there a workaround.

Kendo version: 2014.2.716

[Petur Subev]

Hello Hugo,

The filter boxes that you mentioned are those the one from the FilterRow feature or the FiltermMenu?

We are not aware of such case and we have no idea what might be the cause of this. It might be a general issue I can suggest you to check the suggestions in questions like this one:

http://stackoverflow.com/questions/2045707/setting-focus-to-an-iframe-in-ie

In case you think that Kendo UI is causing this weird behavior please simplify the scenario to demonstrate your case in a stand-alone page so we can investigate further.

Thank you for the understanding.

Kind Regards,
Petur Subev
Telerik

 

 

[Guga]

Hi Petur,

Thank you for replying. I am talking about the embedded filtering on the columns.

I have attached a screenshot to pinpoint exactly what text inputs are not receiving the focus.

Also I stress again that the filter on the column next to it (a numeric type instead of a string type) works fine, so the problem is only confined to the filter on columns that are bound to string property and only happens on the second load of the grid inside of the iframe. I reckon it has to do with the fact that the filter is loading inside of a popup. There might be a bug on the focus of the kendo text box in this scenario.

I will try to create a sample project that demonstrates the bug but it might take me a couple of days to get around to it.

Cheers,

[Guga]

I have now created the sample project.

You can download it from:

https://dl.dropboxusercontent.com/u/80096498/TelerikIssue.zip

Let me know if yo need additional information.

Cheers,

[Petur Subev]

Hello Hugo,

Thank you for sending the sample project. Sadly when I tried to load it I was not able to run the project that you attached since I runned into the following case:

http://stackoverflow.com/questions/12159044/you-must-run-visual-studio-in-the-context-of-an-administrator

However based on your explanation the focusing issue inside a popup is a known one and usually it is resolved by giving focus with JavaScript and I can suggest you to try the following work-around to force the focus on the first visible text input inside the filtering popup:

http://dojo.telerik.com/@pesho/esuf

Try to apply the same in your case and let me know you findings.

I hope this helps.

Kind Regards,
Petur Subev
Telerik

 

 

[Guga]

Hi Petur,

Sorry about the issue with the sample project. Not sure what is causing that. Maybe because I have the MVC project running my local IIS instead of IIS Express.

Anyway your workaround works. Thank you for your help.

Regards.