926322 - [contenteditable] Using arrow kyes selection can be placed inside non-editable element containing image

Status: NEW

(Core :: DOM: Editor, defect)

Description

[Piotrek Koszuliński]

Attachment: firefox-noneditable-image.html

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux i686; rv:24.0) Gecko/20100101 Firefox/24.0 (Beta/Release)
Build ID: 20130911160237

Steps to reproduce:

1. Open attached sample (firefox-noneditable-image.html).
2. Place caret in editable div.
3. Navigate through non-editable span using arrows.


Actual results:

Caret can be placed inside non-editable span on both sides of the to image.


Expected results:

It should not be possible to place caret in non-editable element.

This issue was reported on CKEditor's bug tracker (http://dev.ckeditor.com/ticket/10946) and in this case is worse, because caret is completely stuck in that place.

Comment 1

[Suzanne Smedberg]

I can reproduce the effect described above.

Comment 2

[Denis]

The issue is still here and complicates text navigation using keyboard arrows in Firefox, there is no such a problem in Chrome. Looks like it is only problematic with images. If an image is replaced by a DIV keys works fine, here is a JS fiddle to show the behaviour with images and divs http://jsfiddle.net/19wxgL5h/1/