Scenario

Japanese IME composition lost when focus changes in Safari

Japanese IME composition lost when focus changes in Safari

Scenario ID
scenario-ime-composition-focus-blur

Scenario flow

Visual view of how this scenario connects to its concrete cases and environments. Nodes can be dragged and clicked.

React Flow mini map

Variants

Each row is a concrete case for this scenario, with a dedicated document and playground.

Case OS Device Browser Keyboard Status
ce-0188-japanese-ime-focus-blur-safari macOS 14.0 Desktop or Laptop Any Safari 17.0 Japanese (IME) draft
ce-0201-chinese-ime-focus-blur-chrome Windows 11 Desktop or Laptop Any Chrome 120.0 Chinese (IME - Pinyin) draft

Browser compatibility

This matrix shows which browser and OS combinations have documented cases for this scenario. Click on a cell to view the specific case.

Browser Windows macOS
Chrome
Safari
Confirmed
Draft
No case documented

Cases

This scenario affects multiple languages. Cases are grouped by language/input method below.

Chinese

1 case

Japanese

1 case

Related Scenarios

Other scenarios that share similar tags or category.

Tags: composition, ime, japanese

IME Composition State Management System

Comprehensive system for managing IME (Input Method Editor) composition state across different browsers and IME implementations, including state tracking, event normalization, and cross-platform consistency.

0 cases
Tags: composition, ime, safari

insertParagraph preventDefault breaks IME composition state in Safari

In Safari desktop, when preventDefault() is called on keydown or beforeinput events for insertParagraph (Enter key), the IME composition state becomes corrupted. Subsequent text input fails to trigger proper input events, causing characters to not be inserted or composition to malfunction.

3 cases
Tags: composition, ime, macos

Mac accent menu composition events are inconsistent

On macOS, using the accent menu (e.g., holding vowel key to select accented character, or using option+key combinations) does NOT consistently trigger standard IME composition events (`compositionstart`, `compositionupdate`, `compositionend`). This makes it difficult to distinguish accent menu input from IME input or regular keyboard input.

1 case
Tags: focus, blur, safari

WebKit contenteditable Focus Bug

A known bug in WebKit browsers prevents focus from transferring correctly from contenteditable elements to non-editable elements. A workaround involves using a hidden input field to manage focus transitions.

1 case

Comments & Discussion

Have questions, suggestions, or want to share your experience? Join the discussion below.