Bug 186186 - Incorrect caret position while scrolling in an contentEditable component
Summary: Incorrect caret position while scrolling in an contentEditable component
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: HTML Editing (show other bugs)
Version: Safari Technology Preview
Hardware: Mac macOS 10.13
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2018-06-01 00:21 PDT by Richard Yan
Modified: 2018-06-01 07:16 PDT (History)
2 users (show)

See Also:

Attachments
Image demonstrating bug. (11.53 KB, image/png)
2018-06-01 00:21 PDT, Richard Yan 		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 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>