Composition Relocation Demo using Input Events

Type into contenteditable 1 below. If you use an input method editor to compose text, the composition will be relocated in the DOM to contenteditable 2. During the composition, which will take place in contenteditable 2, the text will still be mirrored into contenteditable 1.

This is the area where composition will take place:

A table of relevant events, most recent on top, appears below:

event target inputType key data ce1 text ce2 text