Bug 213501 - contentEditable: Text caret is invisible on position relative elements
Summary: contentEditable: Text caret is invisible on position relative elements
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: HTML Editing (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks: 216095
  Show dependency treegraph
 
Reported: 2020-06-22 22:37 PDT by Nikita Vasilyev
Modified: 2022-06-01 18:51 PDT (History)
10 users (show)

See Also:


Attachments
Reduction (459 bytes, text/html)
2020-06-22 22:37 PDT, Nikita Vasilyev
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
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!