scniro / react-codemirror2

Codemirror integrated components for React
MIT License
1.66k stars 193 forks source link

When trying to convert Japanese using IME in the editor, the character is entered before selecting #169

Open kumpei-44 opened 4 years ago

kumpei-44 commented 4 years ago

Hello. I am a Web Developer from Japan.
Thank you very much for making the module react-codemirror2.

When I try to convert Japanese using IME, characters are entered into the editor without permission after a few seconds.

import {UnControlled as Codemirror} from 'react-codemirror2';
import NoSSR from 'react-no-ssr';

handleChange(value) {
    if (this._subscription) {
      this._editorContent$.onNext(value);
    }
  }

  render() {
    const { executeChallenge, content, height, mode } = this.props;
    const style = {};
    return (
      <div
        className='challenges-editor'
        style={ style }
        >
        <NoSSR>
          <Codemirror
            value={ content }
            options={ this.createOptions({ executeChallenge, mode, options }) }
            autoCursor={false}
            onChange={(editor, data, value)=> {
              this.handleChange(value);
            }}
          />
        </NoSSR>
      </div>
    );
  }

The following URL is the problem we are facing.
https://gyazo.com/72fbaa830c23850048eff57859ac8383

Also, this bug does not occur at the end of the editor.

Is there any solution?


こんにちは。 私は日本のエンジニアです。 モジュールを作ってくれて本当にありがとうございます。

IMEを使用して日本語を変換しようとすると、数秒後に文字が勝手にエディターに入力されてしまいます。

以下のURLは私達が直面している問題です。
https://gyazo.com/72fbaa830c23850048eff57859ac8383

また、エディターの末尾ではこのバグは起きません。

解決策はありますでしょうか?

scniro commented 4 years ago

@kumpei-44 I am a lot shorter on time these days as when I started this project. Codemirror & React APIs are moving to quickly for me to keep atop of for the day-to-day. I am looking for a co-maintainer of this project. Please contact me directly if you are interested. Thank you for understanding.