IE Grid Popup Edit Problem Immediately After An Insert

[Matt]

In IE10, when I perform an Edit using the Grid Popup Editor immediately after insertion of the record within the Grid you cannot click in a column body that allows HTML (via the Kendo Editor) without first clicking in a non editor field.  The same code works in Chrome but not in IE.

The Grid popup editor uses an Editor template, which contains a integer text box and three kendo editor columns that allow HTML and use a number of the editor tools (for example, bold, italic, underline, strikethrough ..etc).  The editor body appears disabled until you click in the integer text box column or the format block.

Any assistance on this problem would be appreciated.

[Vladimir Iliev]

Hi Matt,

I'm not sure that I understand correctly what is the exact issue that you are experiencing, however we already improved the Editor behavior in our latest internal builds which are available for download from your account at telerik.com. For convenience I created small sample (using the latest internal build) of grid using popUp edit mode which contains the editor and attached it to the current thread - could you please check it and let me know if you still experience described behavior?

If you still experience this behavior with the latest internal build, please provide more information about the exact steps to reproduce the issue on our side.

Kind regards,
Vladimir Iliev
the Telerik team

[Lance]

I was having a similar issue with IE 10. When I use the Edit popup which contains an editor, it works as expected the first time. If I click Edit on the grid again, the popup is not editable. I cannot edit any field on the popup. The only thing that unlocks the popup window is to change one of the dropdowns on the kendo Editor.

I tested your sample project above and I have the same issue. Please advise.

[Vladimir Iliev]

Hi Lance,

After further investigation it seems that the issue is related to browser specific behavior of IE10 - when you load more than once "iframe" dynamically to the page it cannot be focused. As a workaround you can use the Edit event of the Grid to find the Editor and manually focus it. Please check the example below:

.Events(e => e.Edit("onEdit"))

function onEdit(e) {
    e.container.find("[data-role=editor]").data("kendoEditor").focus();
}

Regards,
Vladimir Iliev
Telerik