케이스 ce-0073-contenteditable-with-enter-mode-ko · 시나리오 scenario-entermode-behavior

enterkeyhint와 inputmode가 Enter 키 동작에 일관되지 않게 영향을 줌

OS: iOS 17.0 기기: iPhone Any 브라우저: Safari 17.0 키보드: US 초안
enterkeyhintinputmodemobileiossafari

현상

모바일 기기에서 enterkeyhintinputmode 속성의 조합이 contenteditable 요소에서 Enter 키 동작에 일관되지 않게 영향을 줄 수 있습니다. Enter 키가 작업을 수행해야 할 때 줄바꿈을 삽입하거나 그 반대일 수 있습니다.

재현 예시

  1. inputmode="search"enterkeyhint="search"가 있는 contenteditable div를 만듭니다.
  2. iOS 기기에서 contenteditable에 포커스합니다.
  3. Enter 키를 누릅니다.
  4. 줄바꿈을 삽입하는지 또는 검색 작업을 트리거하는지 관찰합니다.

관찰된 동작

  • iOS의 Safari에서 Enter 키 동작이 속성 값과 일치하지 않을 수 있습니다.
  • 작업이 예상될 때도 줄바꿈이 삽입될 수 있습니다.
  • 동작이 표준 입력 요소와 다를 수 있습니다.

예상 동작

  • Enter 키 동작이 속성 값과 일치해야 합니다.
  • enterkeyhint는 레이블뿐만 아니라 작업도 제어해야 합니다.
  • 동작이 표준 입력 요소와 일관되어야 합니다.

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: iOS 17.0
Device: iPhone 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.