CKEditor 4.6 text selection doesn't work in IE11 when specific css is applied

[Vivek Shah]

I am updating to CKEditor 4.6 from 4.4.7 in my website. Everything works fine after updating 4.6 , but I have noticed that text selection doesn't work properly in IE11 when my html element contains CSS property like width, max-width, display, while other properties like background, border works fine.(This all were working proper with with my old version).

Steps to reproduce

1. Add below source to CKEditor in 11.

<p style="background: rgb(120, 150, 180); width: 600px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam placerat massa nec turpis ultricies aliquam. Nulla urna velit, convallis et iaculis sit amet, iaculis nec eros. Curabitur fringilla, lorem vel sagittis tempor, quam velit cursus turpis, eu fringilla urna tortor sed diam. Etiam volutpat iaculis erat, eu eleifend libero tempus in.<br></p>

2. Try to select text in IE 11 (Not working proper)
3. Now remove "width: 600px;" from CSS and try to select text.(Works proper)

Expected result

Text selection should work proper.

Actual result

Text selection not working proper.

Other details (browser, OS, CKEditor version, installed plugins)

Windows10 IE11 CKEditor 4.6

[Vivek Shah]

This image is of IE11 with style width , in this case I am not able to select text properly (same with image)

[Jakub Ś]

But this doesn't have anything to do with CKEditor version. It concerns old topic - the ​hasLayout property. Basically when you add e.g. width to element like p it gains layout and this is how "hasLayout elements" are presented in editable element. There is nothing we can do about it.

I can't believe that it has worked for you in 4.4.7. If you use below code in 4.6 and 4.4.7 you will see it doesn't work in any version.

var editor = CKEDITOR.replace( 'editor1', {
	extraAllowedContent : 'p[*]{*}(*)'
});