1409722 - Cursor invisible in front of inline element with border/background/etc

Status: RESOLVED FIXED

(Core :: DOM: Editor, defect, P3)

Description

[Marijn Haverbeke]

Attachment: test.html

In a contentEditable element, moving the cursor to right before an inline element appears to cause it it be drawn behind that element. If the element has a background or border, the cursor becomes invisible. (If the element has a transparent background, that color is overlaid over the cursor's color.)

Interestingly, the problem only occurs when moving the cursor to right in front of the element _from the left_, i.e. using the right-arrow key. When coming from the right, moving with the left-arrow key, the cursor is properly drawn on top of the element.

You can reproduce it with the 6-line HTML file attached.

Comment 1

[Marijn Haverbeke]

This is still happening in Firefox 68, and can be quite disorienting for users — when you can't see your cursor, it's hard to figure out what the UI state is.

Comment 2

[Marijn Haverbeke]

This seems to be fixed in 77.