Bug 244780

Summary:

Position styles cause empty range selection highlighting to appear between nodes

Product:

WebKit

Reporter:

John Flockton <j.r.flockton.work>

Component:

HTML Editing

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Minor

CC:

j.r.flockton.work, karlcow, megan_gardner, rniwa, webkit-bug-importer, wenson_hsieh

Priority:

Keywords:

BrowserCompat, InRadar

Version:

Safari 15

Hardware:

Mac (Apple Silicon)

OS:

macOS 12

Attachments:

Description	Flags
Minimal reproducible example	none
Screenshot	none
rendering in Safari, Safari TP, firefox, chrome	none

Description John Flockton 2022-09-04 12:24:57 PDT

Created attachment 462125 [details]
Minimal reproducible example

This was originally reported in a separate OSS issue report for our Rich Text Editor: https://github.com/facebook/lexical/issues/2797.

In the attached minimal reproducible example index.html, the issue should be immediately visible.

Repro steps:

1. Open the attached index.html in Safari 15.
2. Observe that the range selection highlighting is visible between both paragraph elements.
3. Remove the "position: relative" styling from both paragraphs on line 10.
4. Reload the page.
5. Observe that the range selection highlighting is no longer visible.

Even though the DOM range selection is uncollapsed, I would expect it to appear collapsed (regardless of whether or not a "position" style is defined on the nodes) as the anchorNode offset is the length of the anchorNode, and the focusNode has an offset of 0. This is the case on Chromium and Firefox.

Let me know if you need any more information.

Version info:
MacOS 12.5.1
Safari 15.6.1 (17613.3.9.1.16)

Comment 1 John Flockton 2022-09-04 12:40:28 PDT

Created attachment 462129 [details]
Screenshot

Comment 2 Karl Dubost 2022-09-04 22:29:04 PDT

Created attachment 462137 [details]
rendering in Safari, Safari TP, firefox, chrome

Tested on macOS 13.0
---
Safari                     16.1          18614.2.1.1.1
Safari Technology Preview  16.0          18615.1.2.3
Firefox Nightly            106.0a1       10622.9.1
Google Chrome Canary       107.0.5280.0  5280.0

Comment 3 Radar WebKit Bug Importer 2022-09-04 22:30:07 PDT

<rdar://problem/99557958>