Bug 231578 - Caret positioning in an empty contenteditable with an :after pseudo-element is misaligned when a line-height is specified
Summary: Caret positioning in an empty contenteditable with an :after pseudo-element i...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 14
Hardware: Mac (Intel) macOS 11
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-10-12 07:41 PDT by Jordan Scales
Modified: 2021-10-19 07:42 PDT (History)
7 users (show)

See Also:

Attachments
A minimum repro of the bug (292 bytes, text/html)
2021-10-12 07:41 PDT, Jordan Scales 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Jordan Scales 2021-10-12 07:41:52 PDT 
Created attachment 440928 [details]
A minimum repro of the bug

An empty <div contenteditable> with an :after pseudo-element does not place the caret in the correct place when a line-height is specified. Upon typing in the contenteditable, the caret is aligned correctly. This bug is not present when line-height is set to normal.

A minimum repro has been attached.

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.1 Safari/605.1.15
Comment 1 Radar WebKit Bug Importer 2021-10-19 07:42:17 PDT 
<rdar://problem/84414464>