What steps will reproduce the problem? 1. Open up the attached file. 2. Place cursor in the text "start selection here" 3. Press shift+right to expand selection to the right until it reaches "glitch" 4. Notice that as the selection expands, before selecting the "g" the entire contenteditable region becomes visibly selected. What is the expected result? The selection should expand and include the previous selection + "g" character What happens instead? The entire contenteditable appears selected. Please provide any additional information below. Attach a screenshot if possible. In other browsers, it takes two shift+right to move across the nested spans. Additional notes- the selection is rendered over the entire region, but if the selection is programmatically queries in JS returns the correct result.
Created attachment 75773 [details] Test case
Created attachment 107912 [details] reduction
Confirmed on ToT WebKit.
All browser differ: If I place my cursor after "here"(|) [before space] and do Shift+Right Arrow: > STP 152 takes two Shift+Right before selecting "G" from glitch > Chrome Canary 107 takes five Shift+Right before selecting "G" from glitch > Firefox Nightly 106 takes four Shift+Right before selecting "G" from glitch ______ I am not sure on web-spec and which behavior is ideal but just want to share updated testing results. Thanks!
<rdar://problem/99335798>