Opened 2 years ago

Closed 2 years ago

#16709 closed Bug (invalid)

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

Reported by: Vivek Shah Owned by:
Priority: Normal Milestone:
Component: General Version:
Keywords: Cc:

Description

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>

  1. Try to select text in IE 11 (Not working proper)
  2. 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

Attachments (1)

not able to select text.png (18.0 KB) - added by Vivek Shah 2 years ago.
This image is of IE11 with style width , in this case I am not able to select text properly (same with image)

Download all attachments as: .zip

Change History (2)

Changed 2 years ago by Vivek Shah

Attachment: not able to select text.png added

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

comment:1 Changed 2 years ago by Jakub Ś

Resolution: invalid
Status: newclosed

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[*]{*}(*)'
});
Note: See TracTickets for help on using tickets.
© 2003 – 2019 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy