Editor not responding after multiple requests to the same page in IE

[Luis]

Hello

I have a very weird bug. I have a page on MVC that displays two editors and gets passed a model with the value for both editors. The model is as follows:

public class BulletinsModel
    {
        [AllowHtml]
        [Display(Name = "Some Bulletin")]
        public string SomeBulletin { get; set; }

        [AllowHtml]
        [Display(Name = "Other Bulletin")]
        public string OtherBulletin { get; set; }
    }

I then, defined a view which receives this view model and maps it to two kendo editors.There is also some javascript code to make a post to update the information. 

@model BulletinsModel

<div id="settings">
    <div class="form-horizontal">
        <div class="form-group">
            @Html.LabelFor(m => m.SomeBulletin, new { @class = "col-md-6 text-left" })
            @(Html.Kendo().EditorFor(m => m.SomeBulletin).Encode(false).Name("Some_Bulletin"))

            @Html.LabelFor(m => m.OtherBulletin, new { @class = "col-md-6 text-left" })
            @(Html.Kendo().EditorFor(m => m.OtherBulletin).Encode(false).Name("Other_Bulletin"))
        </div>
    </div>
</div>

My code for my action method that renders this view is as follows (nothing fancy):

[HttpGet]
public PartialViewResult Index()
{
    ViewBag.ActiveSectionName = "Bulletins";
    var bulletinModel = GetBulletinsModel();
    return PartialView("_Bulletins",bulletinModel);
}

However, my issue is that after hitting the Index action a couple of times, the editors become non responsive and I cannot edit the information on them. This only happens on IE, as I have not been able to replicate the issue in other browsers.

 

 

[Luis]

EDIT: I have just noticed that the editor is frozen. In order to be able to edit what's inside of the editor I need to click on any option of the toolbar to make it responsive once again. Why is that?

[Ianko]

Hello Luis,

If the partial view that renders the Editor is called by AJAX technique and rendered on the browser, this might be related to an issue related with IE. Due to which the iframe is not properly removed from the DOM before the next AJAX request. 

You can try if destroying Editor instance and the iframe rendered on every AJAX request will resolve this, or at least make some difference.  You can see an example for destroying the editor here—http://www.telerik.com/forums/adding-removing-adding-editor---gt-all-editors-on-page-become-read-only-in-ie#uaNEb6ZWV0mDGD9DukJudw.

Regards,
Ianko
Telerik

[Luis]

Thanks! this actually solved my issue