Opened 13 years ago

Closed 12 years ago

Last modified 12 years ago

#6359 closed Bug (worksforme)

IE selectable area in blank wysiwyg editor is very small

Reported by: Jude Allred Owned by:
Priority: Normal Milestone: CKEditor 3.6.3
Component: General Version: 3.0
Keywords: IE Discussion Cc:

Description

  1. use IE9 (also applies in IE 7/8)
  1. Go to ckeditor.com/demo
  1. click 'New Page'
  1. click outside of the wysiwyg text editor (so as to lose focus)
  1. click inside of the wysiwyg text editor (so as to regain focus)

[Expected] clicking anywhere within the white editing area will focus the editor.

[Actual] The clickfield to accomplish the expected result is very small - only the area shown in the attached image. Clicking anywhere outside of that area will focus the editor's containing element and will not permit editing. The available clickfield is dependant on the amount of content within the editor, however it's always possible to click on a 'dead zone' and lose focus. (E.g., go to ckeditor.com/demo and click to the left of the word "tells" below the picture of Little Red Riding Hood.)

Other details which may or may not be useful:

We had implemented a workaround for this which relies on IE7's moveToPoint and was able to fix the vast majority of IE's quirks that cause this problem. Unfortunately, IE9's implementation of moveToPoint differs, and so our workaround is gone. A slight improvement is to detect the failure case and simply focus the editor (which at least makes creating a new article in IE9 feasible), however there are a lot of edge cases which that fails to cover (dragging a selection in and out of the dead zone, etc.)

Attachments (2)

iefocus.PNG (31.8 KB) - added by Jude Allred 13 years ago.
IESelection.js (3.0 KB) - added by Jude Allred 13 years ago.
the moveToPoint workaround

Download all attachments as: .zip

Change History (10)

Changed 13 years ago by Jude Allred

Attachment: iefocus.PNG added

comment:1 Changed 13 years ago by Alfonso Martínez de Lizarrondo

Summary: IE9 selectable area in blank wysiwyg editor is very smallIE selectable area in blank wysiwyg editor is very small

As the description states this applies to all IE, not just IE9. In CKEditor there's no moveToPoint workaround.

comment:2 Changed 13 years ago by Garry Yao

Keywords: IE Discussion added
Status: newconfirmed
Version: 3.0

#1659 is the CKEditor ticket for this problem, we've implemented minimum fix (focus body) but this also doesn't get applied to IE9, the "moveToPoint" is something that we haven't tried yet but would be interesting to investigate.

As #1659 is already closed, we could set the new camp on this ticket for the exploring.

Changed 13 years ago by Jude Allred

Attachment: IESelection.js added

the moveToPoint workaround

comment:3 Changed 13 years ago by Jude Allred

I've attached our moveToPoint workaround which one of our interns recently put together. It works great for IE7/8, and unfortunately not quite as well for IE9.

In this code, "ck" is the instance of CKEditor.

If you investigate this path, then maybe it can work as a starting point for you.

comment:4 Changed 13 years ago by Garry Yao

#6532 is been marked a DUP.

comment:5 Changed 12 years ago by Jakub Ś

Other related tickets (duplicates) #6013, #5538, #7932.

comment:6 Changed 12 years ago by Jakub Ś

I did a quick test and it seems that patch from #7932 has fixed this issue.

comment:7 Changed 12 years ago by Frederico Caldeira Knabben

Resolution: worksforme
Status: confirmedclosed

comment:8 Changed 12 years ago by Wiktor Walc

Milestone: CKEditor 3.6.3
Note: See TracTickets for help on using tickets.
© 2003 – 2022, CKSource sp. z o.o. sp.k. All rights reserved. | Terms of use | Privacy policy