React-dnd: 可拖动组件内部的文本输入问题(Firefox)

创建于 2015-08-07  ·  5评论  ·  资料来源: react-dnd/react-dnd

在Firefox中将HTML5属性draggable设置为true组件中的文本输入存在问题(由于此已知错误)。 我正在设置draggablefalseonFocus处理程序,并设置回trueonBlur处理程序(如此处推荐),但react-dnd不支持这种解决方法,并且属性立即设置为true

鉴于FireFox中的此bug似乎没有进展,react-dnd中的填充程序是否有处理此问题的空间? 无论如何,我将提出一个好的解决方案来更新此问题。

最有用的评论

通过切换onFocusonBlur的状态变量,并将render函数更改为_not_在输入过程中调用connectDragSource() ,您应该能够解决该错误。 :

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

所有5条评论

其根源可能是#256

现在,我正在使用叉子,允许我直接在我的应用程序中管理draggable属性。

谢谢。 我目前正忙于其他一些项目。
如果这些PR中的任何一个对您有帮助,也请让我知道: https :

请不要忘记HTML5后端只是为了方便而包含在内。
您可以在NPM上发布固定版本(它是单个文件),但仍将主存储库用于其他所有内容。

通过切换onFocusonBlur的状态变量,并将render函数更改为_not_在输入过程中调用connectDragSource() ,您应该能够解决该错误。 :

render() {
  const element = <div><textarea onFocus=... /></div>;
  return this.state.editing ? element : this.props.connectDragSource(element);
}
此页面是否有帮助?
0 / 5 - 0 等级

相关问题

hunterbmt picture hunterbmt  ·  33评论

prakhar1989 picture prakhar1989  ·  62评论

fredguest picture fredguest  ·  22评论

ffxsam picture ffxsam  ·  26评论

mattconde picture mattconde  ·  22评论