케이스 ce-0138-selection-collapse-on-click-ko · 시나리오 scenario-selection-restoration

편집 중 클릭 시 선택이 예상치 못하게 축소됨

OS: macOS 14.0 기기: Desktop or Laptop Any 브라우저: Safari 17.0 키보드: US 초안
selectionclickcollapsesafari

현상

Safari에서 편집 작업 중 contenteditable 요소를 클릭할 때 텍스트 선택이 예상치 못하게 축소될 수 있습니다. 선택 범위가 무효화되거나 예상치 못한 위치로 이동합니다.

재현 예시

  1. 일부 텍스트를 선택합니다
  2. contenteditable의 다른 곳을 클릭합니다
  3. 선택 상태를 관찰합니다

관찰된 동작

  • 선택이 한 점으로 축소됩니다
  • 또는 선택이 예상치 못한 위치로 이동합니다
  • 선택 범위가 무효화될 수 있습니다
  • 클릭을 통해 선택을 유지할 수 없습니다

예상 동작

  • 선택이 클릭 위치로 축소되어야 합니다 (정상 동작)
  • 또는 원하는 경우 선택이 유지되어야 합니다
  • 동작이 예측 가능해야 합니다
  • 선택이 유효하게 유지되어야 합니다

브라우저 비교

  • Chrome/Edge: 선택이 일반적으로 올바르게 동작함
  • Firefox: 선택이 예상치 못하게 축소될 수 있음
  • Safari: 선택 축소가 가장 예측 불가능함 (이 케이스)

참고 및 해결 방법 가능한 방향

  • 필요한 경우 선택을 보존하기 위해 클릭 이벤트 처리
  • 원하는 경우 클릭 후 선택 복원
  • 선택 축소 동작 문서화
  • 클릭을 통해 선택이 지속되어야 하는지 고려

이 시나리오의 변형

케이스 OS 브라우저 상태
ce-0110-selection-lost-after-dom-update-ko Windows 11 Chrome 120.0 초안
ce-0130-selection-invalid-after-wrap-ko Windows 11 Firefox 120.0 초안
ce-0138-selection-collapse-on-click-ko macOS 14.0 Safari 17.0 초안
ce-0149-selection-range-invalid-after-insert-ko Windows 11 Firefox 120.0 초안
ce-0172-selection-invalid-after-replace-ko macOS 14.0 Safari 17.0 초안

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: macOS 14.0
Device: Desktop or Laptop Any
Browser: Safari 17.0
Keyboard: US
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.