id	summary	reporter	owner	description	type	status	priority	milestone	component	version	resolution	keywords	cc
9814	"Inline editor created in ""display:none"" element results in editor with disabled buttons"	buren		"If rendered as below contenteditable will be set to false automatically (I guess by ckeditor). However if I set the div #my-id as visible with javascript and at the same time set contenteditable back to true the editor will still be in readonly mode. (Sometimes I can for some reason use copy-paste to enter text to the editor but I can't write regularly with the keyboard.)

Sent by the server:
<div id=""my-id"" style=""display:none;"">
      <h3 contenteditable=""true"">Header</h3> 
</div>

After page render by the browser (it changed contenteditable to false):
<div id=""my-id"" style=""display:none;"">
      <h3  contenteditable=""false"" class=""ck-editable cke_editable cke_editable_inline cke_contents_ltr cke_focus"""" spellcheck=""false"">Header</h3> 
</div>

After my custom javascript (removes display:none & sets h3 tag to contenteditable=""true""):
<div id=""my-id"" style=""display:none;"">
      <h3  contenteditable=""true"" class=""ck-editable cke_editable cke_editable_inline cke_contents_ltr cke_focus"""" spellcheck=""false"">Header</h3> 
</div>

--------

Issue is caused by:

* Webkit bug: https://bugs.webkit.org/show_bug.cgi?id=133371
* Blink bug: https://code.google.com/p/chromium/issues/detail?id=313082

--------

Workaround:

{{{
var ck = CKEDITOR.inline(element);
ck.on( 'instanceReady', function( ev ) {
     var editor = ev.editor;
     editor.setReadOnly( false );
});
}}}"	Bug	confirmed	Normal		General	4.0		Webkit Blink