Bug 186186

Summary:

Incorrect caret position while scrolling in an contentEditable component

Product:

WebKit

Reporter:

Richard Yan <richardyrh928>

Component:

HTML Editing

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Normal

CC:

webkit-bug-importer, wenson_hsieh

Priority:

Keywords:

InRadar

Version:

Safari Technology Preview

Hardware:

Mac

OS:

macOS 10.13

Attachments:

Description	Flags
Image demonstrating bug.	none

Description Richard Yan 2018-06-01 00:21:30 PDT

Created attachment 341739 [details]
Image demonstrating bug.

To reproduce, create a contentEditable div with overflowing content and overflow: scroll. Here's a pre-made fiddle for you convenience: https://jsfiddle.net/vyyu0rwc/3/
Click on the content so a caret shows and flashes; now scroll the content (with the caret visible) and notice how the caret position is fixed in place before it disappears, instead of scrolling along with the content. Notice in the attachment (it's pretty bad screenshot), how the caret can appear between lines when scrolling the content due to this bug.

Comment 1 Radar WebKit Bug Importer 2018-06-01 07:16:58 PDT

<rdar://problem/40720465>