케이스 ce-0165-image-selection-deletion-ko · 시나리오 scenario-image-deletion

이미지 선택 및 삭제에 여러 작업이 필요함

OS: Windows 11 기기: Desktop or Laptop Any 브라우저: Chrome 120.0 키보드: US 초안
imagedeletionselectionchrome

현상

Chrome에서 contenteditable 요소에서 이미지를 선택할 때 삭제하려면 여러 번 Delete 또는 Backspace 키를 눌러야 할 수 있습니다. 이미지가 첫 번째 시도에서 삭제되지 않을 수 있습니다.

재현 예시

  1. contenteditable에 이미지를 삽입합니다
  2. 이미지를 선택하기 위해 클릭합니다
  3. Delete 또는 Backspace를 한 번 누릅니다

관찰된 동작

  • 이미지가 첫 번째 키 입력에서 삭제되지 않을 수 있습니다
  • 여러 번 키 입력이 필요할 수 있습니다
  • 또는 이미지 선택이 삭제 전에 손실될 수 있습니다
  • 삭제가 불안정합니다

예상 동작

  • 이미지가 첫 번째 키 입력에서 삭제되어야 합니다
  • 삭제가 즉시이고 안정적이어야 합니다
  • 선택이 삭제까지 유지되어야 합니다
  • 동작이 일관되어야 합니다

브라우저 비교

  • Chrome/Edge: 여러 번 눌러야 할 수 있음 (이 케이스)
  • Firefox: 유사한 삭제 문제
  • Safari: 삭제 동작이 가장 일관되지 않음

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

  • 선택된 이미지에서 Delete/Backspace 가로채기
  • 이미지가 즉시 삭제되도록 보장
  • 이미지 선택을 명시적으로 처리
  • 안정적인 삭제 동작 제공

이 시나리오의 변형

케이스 OS 브라우저 상태
ce-0118-image-deletion-leaves-empty-ko Windows 11 Chrome 120.0 초안
ce-0125-image-deletion-cursor-position-ko Windows 11 Firefox 120.0 초안
ce-0165-image-selection-deletion-ko Windows 11 Chrome 120.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: Windows 11
Device: Desktop or Laptop Any
Browser: Chrome 120.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.