1748239 - Cursor disappears behind background of element with position:relative and background-color set

Status: UNCONFIRMED

(Core :: DOM: Editor, defect)

Description

[jameshfisher]

Attachment: bug.html

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36

Steps to reproduce:

1. Create a contenteditable element
2. Create a <span style='position: relative; background-color: red'> inside it
3. Put the caret/cursor in the <span>

(Or open the attached bug.html)

Actual results:

The caret does not appear

Expected results:

The caret appears

Comment 1

[jameshfisher]

Note Chromium appears to have exactly the same bug

Comment 2

[jameshfisher]

As with the same bug in Chromium, z-index: -1 is a kind of workaround, but causes other problems

Comment 3

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Core::DOM: Editor' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.