Composition Relocation Demo using Input Events

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

This is the area where composition will take place:

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

event target inputType key code data ce1 text ce2 text