title: Kendo UI Editor inside Kendo Window
body: <p>I am using a <code>kendo-editor</code> for WYSIWYG text editing and works great. But when the <code>kendo-editor</code> is <em>inside</em> a <code>kendo-window</code> I get this error</p>
  
  <pre><code>TypeError: Cannot read property 'open' of null
      at Widget.extend._createContentElement (webpack:///./kendo-ui/js/kendo.editor.js?:426:16)
      at Widget.extend._initializeContentElement (webpack:///./kendo-ui/js/kendo.editor.js?:512:40)
      at new Widget.extend.init (webpack:///./kendo-ui/js/kendo.editor.js?:282:18)
      at HTMLTextAreaElement.eval (webpack:///./kendo-ui/js/kendo.core.js?:3104:32)
      at Function.jQuery.extend.each (webpack:///../Scripts/jquery.js?:374:23)
      at jQuery.fn.jQuery.each (webpack:///../Scripts/jquery.js?:139:17)
      at $.fn.(anonymous function) [as kendoEditor] (webpack:///./kendo-ui/js/kendo.core.js?:3103:26)
      at createIt (webpack:///./kendo-ui/js/kendo.angular.js?:192:31)
      at createWidget (webpack:///./kendo-ui/js/kendo.angular.js?:168:20)
      at link (webpack:///./kendo-ui/js/kendo.angular.js?:681:34)
  </code></pre>
  
  <p>occuring in <strong>kendo.editor.js</strong>.</p>
  
  <pre><code>iframe = $("&lt;iframe /&gt;", { title: editor.options.messages.editAreaTitle, frameBorder: "0" })[0];
  
  $(iframe)
      .css("display", "")
      .addClass("k-content")
      .insertBefore(textarea);
  
  
  iframe.src = src;
  
  wnd = iframe.contentWindow || iframe;
  doc = wnd.document || iframe.contentDocument;
  
  $(iframe).one("load", function() {
      editor.toolbar.decorateFrom(doc.body);
  });
  
  doc.open(); // throws TypeError: Cannot read property 'open' of null
  doc.write(
  </code></pre>
  
  <p>Note there's no error and it works great when the <code>kendo-editor</code> is not inside the <code>kendo-window</code>.</p>
  
  <p>Has anyone ever run into something like this and what's a solution / workaround?</p>