Opera: Replace Textarea Elements by Class Name sample - CKEditor loses focus

[Irina]

Steps:

Open sample attached (Replace Textarea Elements by Class Name) in Opera. Click at very beginning of the editor area.

Expected Result:

Console logs 'editor has focus'

Actual Result:

No logs in the console

By following the same steps in FF

Actual Result:

Console logs 'editor has focus'

Also, it is possible to change the CKEditor version in the sample from 4.1 (svn) to 3.6.6. Then we will get desired behaviour in all browsers.

To change the CKeditor version:

Uncomment this line <script src="​http://rev.ckeditor.com/ckeditor/trunk/7695/ckeditor.js"></script> to enable version 3.6.6 in the sample provided.

Comment out this line <script src="​http://nightly.ckeditor.com/13-04-19-07-42/full/ckeditor.js"></script> to disable version 4.1 in the sample provided.

[Jakub Ś]

Problem can be reproduced in Opera and Webkit from CKEditor 4.0 beta. Whole trick is to click on body padding.

1. If you click inside content area there is no problem.
2. In Webkit if you click First on margin (editor will get visual focus) and then inside content area editor will inform you that it has just gained focus.
3. In Opera if you click first on margin (editor will get visual focus) and then inside content area editor will not display any message. That way one can bypass focus event in Opera. The only way to get alert is to click inside content area.

NOTE: I think alert is better here and allows getting better results.