id summary reporter owner description type status priority milestone component version resolution keywords cc 12813 Cannot select widget on readonly editor in IE11 Pawel Pecio "User cannot select widget on Internet Explorer browsers (I've experienced this problem on IE11, but probably all IE versions are affected) if editor is in readonly mode. Steps to reproduce: 1. Go to CKEditor Demo page > Widgets 2. Set main editor (CKEDITOR.instances.editor1) to readonly by setReadOnly(true) 3. Main editor becomes grayed 4. Try to select widget by clicking the widget border (not inside header or content - see attached screenshot). Internet Explorer should throw Unspecified error exception on sel.addRange(nativeRange) at the end selectRanges function. I've investigate this problem. This bug occurs because range object container is an hidden element (display: none) and is not editable (contentedtiable=false). I don't know why IE throws an exception in this case, but it seems that not visible text cannot be selected. This exception is a result of creating fake selection by widget. The fake() function from selection.js calls hideSelection function in which hiddenEl is created. In IE this element has display=none style (why? - in other browsers it is places out of the page content). If editor is read-only, hiddenEl is appended to the element that has contenteditable=false (so hiddenEl itself is also not editable), in conjunction with display=none it causing the exception during sel.selectRanges() call. Proposed fix: do not set display=none for
element for IE (hide it in different way, maybe visibility property?, reposition by absolute positioning?) OR add contenteditable=true to the DIV. The exception is thrown only for both display=none and contenteditable=false properties set. Version 4.4.6 is affected, probably olders too. " Bug closed Normal Core : Selection 4.3 invalid IE