2016-12-21 5 views
0

React.jsプロジェクトでDraft.jsを使用しています。エディタはデスクトップブラウザ(Chrome、Firefox、IE、Edge ...)でうまく動作しますが、Androidデバイスに問題があります。Draft.jsエディタが最初の単語の後にAndroidブラウザにフォーカスを失った

エディタに最初の単語を入力してスペースバー(ソフトキーボード上)を押すと、エディタはフォーカスを失いました&エディタで入力を続けたい場合はもう一度タッチしなければなりません。

これは非常に悪いユーザーエクスペリエンスです。 Draft.jsエディタの設定は、例のように特別なものではありません。

誰でも同じ問題があります。&は修正してください。

+0

'ドラフトjs'チームは、携帯電話のブラウザは現在サポートの下ではないことを発表しましたが、githubのPRSのためのオープン。 –

+0

素晴らしいです。情報をくれてありがとう。 –

答えて

2

我々はそうのように、contenteditableのdivのためdisabling autocorrectによって問題を回避ました:

componentDidMount =() => { 
    $('.DraftEditor-editorContainer div').attr('autocomplete', 'off').attr('autocorrect', 'off').attr('autocapitalize', 'off') 
} 

のjQueryせずにそれを行うための方法は、おそらくありますが、我々はすでに、このだったこの問題に多くの時間を無駄にしました簡単な解決策。 :)

更新

私は私のために問題を解決pull requestを提出しました。うまくいけば、他の人が役に立つと思います。これにより、オートコレクトを有効にすることができました。このPRの変更をdraft-jsレポのv0.10.0タグに適用しました。masterではありません。

0

次が動作しているよう[email protected]

<Editor 
    autoCapitalize={'none'} 
    autoComplete={'off'} 
    autoCorrect={'off'} 
    spellCheck={false} ... /> 
関連する問題