์ผ€์ด์Šค ce-0256-selection-addrange-edge-en-ko ยท ์‹œ๋‚˜๋ฆฌ์˜ค scenario-selection-addrange-safari-fail

selection.addRange works correctly in Edge

OS: Windows 10/11 ๊ธฐ๊ธฐ: Desktop Any ๋ธŒ๋ผ์šฐ์ €: Edge (Chromium-based) 120+ ํ‚ค๋ณด๋“œ: English (QWERTY) ํ™•์ธ๋จ
selectionsafariwebkitcursoraddRangeedgeworking-correctly

ํ˜„์ƒ

In Edge (Chromium-based), when using selection.addRange() to set cursor position in a contenteditable element with nested elements, the selection is correctly positioned at the intended location.

์žฌํ˜„ ์˜ˆ์‹œ

  1. Contenteditable element contains markers (<span> elements).
  2. Click button to move cursor before Marker 2.

๊ด€์ฐฐ๋œ ๋™์ž‘

  • Correct behavior: Selection is positioned before Marker 2 as intended
  • No jumping: Selection stays within intended container
  • Works correctly: Edge handles nested elements properly

์ฐธ๊ณ ์‚ฌํ•ญ

This is a control case demonstrating that the issue is Safari-specific and does not affect Edge (Chromium).

์ด ์‹œ๋‚˜๋ฆฌ์˜ค์˜ ๋ณ€ํ˜•

์ผ€์ด์Šค OS ๋ธŒ๋ผ์šฐ์ € ์ƒํƒœ
ce-0254-selection-addrange-safari-ko macOS 13+ Safari 17+ ์ดˆ์•ˆ
ce-0255-selection-addrange-chrome-en-ko Windows 10/11 Chrome 120+ ํ™•์ธ๋จ
ce-0256-selection-addrange-edge-en-ko Windows 10/11 Edge (Chromium-based) 120+ ํ™•์ธ๋จ
ce-0545-selection-addrange-firefox-en-ko Windows 10/11 Firefox 120+ ํ™•์ธ๋จ

Playground for this case

Use the reported environment as a reference and record what happens in your environment while interacting with the editable area.

Reported environment
OS: Windows 10/11
Device: Desktop Any
Browser: Edge (Chromium-based) 120+
Keyboard: English (QWERTY)
Your environment
Sample HTML:
Event log
Use this log together with the case description when filing or updating an issue.
0 events
Interact with the editable area to see events here.