[bug]Add Chinese text after the element

[HereSinceres]

Do you want to request a feature or report a bug?

bug

What's the current behavior?

slate v: 0.33.5
slate-react v:0.12.5

What's the expected behavior?

slate-react v:0.12.4 is correct

[ScripterSugar]

I found a same bug when i type korean with slate after i add mark over text and type the words.

[yunwuxin]

@WDFS me too

[yunwuxin]

@kommen @justinweiss @rgrove

[qingxiangchayun]

+1

[ScripterSugar]

I solved this problem using very awkward solution. Right after the user adds mark while selection is collapsed, I made the editor to put one white space at the front of the selection anchor so that white space is marked as well. After that, if user does any action except typing korean, (like select other area or type english/special characters or select other mark/block/inline tags etc...) my Editor deletes that pre-inserted white space. Doing so solves the weird behavior of editor appearing when user types korean.

(This solution have nothing to do with chinese problem. it only solves the korean typing problem.)

[zhujinxuan]

The strange thing is: when we try to input Chinese with input method, the tag disappears...

I am trying whether we shall prevent key when event.key === null

[zhujinxuan]

I think I find the problem.

IME will trigger composition events. Current slatejs will try to re-render by setState. But we need

1. handle composition event to get currect update
2. re-mount instead of re-render because composition includes uncontrolled doms

[yunwuxin]

@ianstormtaylor any solutions?

[ianstormtaylor]

Closing in favor of #2368, if you think this is unrelated let me know and we can reconsider.