This is a migrated thread and some comments may be shown as answers.

Editor Errors in FireFox v34 When Hidden

2 Answers 94 Views

Editor

This is a migrated thread and some comments may be shown as answers.

Coty asked on 23 Feb 2015, 02:43 PM

I have a kendo editor on a page that is initially hidden. My Page has a non-edit mode and an edit mode. Text/html is displayed in a div element in non-edit mode, but when the user clicks edit, the form shows the kendo editor, which holds the same text/html. Both elements' values are loaded at the same time via jquery/javascript. Here is the editor on the page, notice the edit-form has display = none.

<div id="static-form">

<div id="divDescription"></div>

</div>

<ul id="edit-form" style="display: none;">

<li>

<textarea id="editor" style="height: 100px !important;"></textarea>

</li>

</ul>

here is where the values are set via script:

$("#editor").data("kendoEditor").value(myItem.Description);  //Error occurs here, if I comment out this line there is no error.

$("#divDescription").html(myItem.Description);

This works in both the latest versions of IE and Chrome, but does NOT in Firefox. It also works if I take out display: none, but that is not an options as it would ruin the functionality I need. Anyone have any ideas of a work around or why Firefox isn't working?

2 Answers, 1 is accepted

Accepted