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.
here is where the values are set via script:
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?
<
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?