현상
contenteditable 요소에서 병음 IME로 중국어 텍스트를 조합할 때 다른 곳을 클릭하거나 포커스를 변경하면 불완전한 문자 변환이 손실됩니다. 변환이 완료되기 전에 조합이 취소될 수 있어 작업이 손실됩니다.
재현 예시
- 편집 가능한 영역에 포커스를 둡니다.
- 중국어 병음 IME를 활성화합니다.
- 병음 텍스트를 입력합니다 (예: “nihao”)하고 문자 변환을 시작합니다.
- 변환을 완료하기 전에 다른 곳을 클릭하거나 포커스를 변경합니다.
관찰된 동작
- compositionend 이벤트가 불완전한 데이터로 발생합니다
- 불완전한 문자 변환이 손실됩니다
- blur 이벤트가 compositionend 전 또는 후에 발생할 수 있습니다
- 후보 목록이 선택을 커밋하지 않고 사라집니다
예상 동작
- 포커스가 변경될 때 조합이 보존되거나 우아하게 처리되어야 합니다
- 불완전한 변환이 손실되지 않아야 합니다
- 이벤트 순서가 예측 가능하고 일관되어야 합니다
브라우저 비교
- Chrome: 블러 시 조합이 손실될 수 있음
- Edge: Chrome과 유사함
- Firefox: 다른 동작을 가질 수 있음
- Safari: Windows에서 적용되지 않음
참고 및 해결 방법 가능한 방향
- 조합 손실을 감지하기 위해 blur 및 compositionend 이벤트 모니터링
- 복구를 위해 보류 중인 변환 상태 저장 고려
- 가능한 경우 활성 변환 중 프로그래밍 방식 블러 방지