React-dnd: ドラッグ可能なコンポーネント内のテキスト入力に関する問題（Firefox）

作成日 2015年08月07日 · 5コメント · ソース: react-dnd/react-dnd

FirefoxでHTML5属性draggableがtrueに設定されているコンポーネント内のテキスト入力に問題があります（この既知のバグのため）。私は設定に取り組んでいますdraggableにfalseでonFocusハンドラと背中にそれを設定するtrueでonBlur （ハンドラとしてここで推奨されます）が、react-dndはそのような回避策をサポートしておらず、属性はすぐにtrue戻されます。

FireFoxのこのバグは進展していないようですが、react-dndにシムがこれを処理する余地はありますか？とにかく良い解決策を思いついたら、この問題を更新します。

bug

ソース

ntdb

最も参考になるコメント

onFocusとonBlur状態変数を切り替え、入力中にrender関数をconnectDragSource()呼び出さないように変更することで、このバグを回避できるはずです。：

render() {
  const element = <div><textarea onFocus=... /></div>;
  return this.state.editing ? element : this.props.connectDragSource(element);
}

gaearon 2015年09月17日

👍4

全てのコメント5件

これのルートは＃256かもしれません

ntdb 2015年08月07日

今のところ、アプリでdraggable属性を直接管理できるフォークを使用しています。

ntdb 2015年08月07日

ありがとう。私は現在、他のいくつかのプロジェクトで忙しいです。
これらのPRのいずれかが役立つ場合は、私にも知らせてください： //github.com/gaearon/react-dnd/pulls

gaearon 2015年08月07日

HTML5バックエンドは便宜上含まれているだけであることを忘れないでください。
修正バージョンをNPM（単一ファイル）で公開できますが、それ以外の場合はメインリポジトリを使用します。

gaearon 2015年08月07日

onFocusとonBlur状態変数を切り替え、入力中にrender関数をconnectDragSource()呼び出さないように変更することで、このバグを回避できるはずです。：

render() {
  const element = <div><textarea onFocus=... /></div>;
  return this.state.editing ? element : this.props.connectDragSource(element);
}

gaearon 2015年09月17日

👍4

このページは役に立ちましたか？

0 / 5 - 0 評価

React-dnd: ドラッグ可能なコンポーネント内のテキスト入力に関する問題（Firefox）

最も参考になるコメント

全てのコメント5件

関連する問題