Bug 213501

Summary: contentEditable: Text caret is invisible on position relative elements
Product: WebKit Reporter: Nikita Vasilyev <nvasilyev>
Component: HTML EditingAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: ahmad.saleem792, jameshfisher, joone, megan_gardner, rniwa, scalesjordan, simon.fraser, webkit-bug-importer, wenson_hsieh, zalan
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
Bug Depends on:    
Bug Blocks: 216095    
Attachments:
Description Flags
Reduction none

Description Nikita Vasilyev 2020-06-22 22:37:39 PDT
Created attachment 402536 [details]
Reduction

Steps:
1. Open the attached reduction HTML
2. Click on "editable" on the first line

Expected:
Text caret is visible.

Actual:
Text caret isn't visible. Works well on the second line.
Comment 1 Radar WebKit Bug Importer 2020-06-22 22:38:40 PDT
<rdar://problem/64625916>
Comment 2 Nikita Vasilyev 2020-06-22 22:39:41 PDT
This doesn't work in Chrome either but works well in Firefox.
Comment 3 James Fisher 2022-01-03 06:58:53 PST
Can reproduce in Safari 15.1.

Corresponding Chromium bug: https://bugs.chromium.org/p/chromium/issues/detail?id=806904

Note, Nikita says this "works well in Firefox", but it does not for me: the exact same bug exists in Firefox 95 on macOS, [filed here](https://bugzilla.mozilla.org/show_bug.cgi?id=1748239).  (It seems Gecko and Webkit both implemented the caret in the same buggy way ...)
Comment 4 Ahmad Saleem 2022-06-01 06:15:42 PDT
This bug is still reproducible in Safari 15.5 and all other browsers have this broken behaviour. Thanks!