Opened 6 years ago

Closed 4 years ago

Last modified 4 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 6 years ago.
IESelection.js (3.0 KB) - added by Jude Allred 5 years ago.
the moveToPoint workaround

Download all attachments as: .zip

Change History (10)

Changed 6 years ago by Jude Allred

comment:1 Changed 6 years ago by alfonsoml

  • Summary changed from IE9 selectable area in blank wysiwyg editor is very small to IE 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 5 years ago by garry.yao

  • Keywords IE Discussion added
  • Status changed from new to confirmed
  • Version set to 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 5 years ago by Jude Allred

the moveToPoint workaround

comment:3 Changed 5 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 5 years ago by garry.yao

#6532 is been marked a DUP.

comment:5 Changed 4 years ago by j.swiderski

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

comment:6 Changed 4 years ago by j.swiderski

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

comment:7 Changed 4 years ago by fredck

  • Resolution set to worksforme
  • Status changed from confirmed to closed

comment:8 Changed 4 years ago by wwalc

  • Milestone set to CKEditor 3.6.3
Note: See TracTickets for help on using tickets.
© 2003 – 2016 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy