1446675 - Wonky text selection with HTML5 details elements

Status: NEW

(Core :: DOM: Selection, defect, P3)

Description

[Bram Speeckaert]

Attachment: Reduced test case

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:59.0) Gecko/20100101 Firefox/59.0
Build ID: 20180315233128

Steps to reproduce:

1. Open the reduced test case (based on https://github.com/dolphin-emu/dolphin/pull/6409#issue-171770372).
2. Try to select text with the mouse in such a way that you start inside text preceding a 'details' element and end somewhere after that 'details' element. I usually click somewhere inside the first line, then move the mouse cursor downwards quickly while still holding the left mouse button, then let go towards the bottom.
3. Cancel your previous selection by clicking elsewhere inside the page once.


Actual results:

Selection may become 'absorbed' by the details element once I'm past the first details element.

Upon cancelling the selection, part of the selection may remain visible as blue highlighted text. Despite the visual glitch, the selection is still logically cancelled (as evidenced by the missing 'Copy' option in the context menu, which should be present in case of an active selection).

Forcing Firefox to (partially) redraw (for example, by selecting the affected text or switching tabs) will fix the incorrect highlight.


Expected results:

Under no circumstances should elements that are no longer selected remain highlighted. Text selection involving 'details' elements is handled much more naturally in other browsers (Chrome, Safari).

Comment 1

[Bram Speeckaert]

Attachment: Screenshot demonstrating incorrect highlight

Comment 2

[Alice0775 White]

I canalso reproduce the issue on Nightly61.0a1 Windows10 64bit.

Comment 3

[Jet Villegas (inactive)]

[Triage 2018/03/23 - P3]