1216239 - Cursor shows at wrong position when ::after-content used inside contenteditable

Status: NEW

Description

[dusty.jewett]

User Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/45.0.2454.101 Chrome/45.0.2454.101 Safari/537.36

Steps to reproduce:

1. Have a contenteditable div
2. Have a non-CE span with an ::after{content:'@'} in it, as the last item.
3. Click to the right of the span to focus after it.

(Example page here: http://jsbin.com/vujawe/edit?html,output)


Actual results:

Cursor appears between the actual content of the span, and the ::after content of the span.


Expected results:

Cursor should appear after the ::after content.

The issue does not require the span to be non-CE, but this ensures that the focus cannot be inside the span, and hence, be a valid location.