React-dnd: 无法在IE中的输入中单击

创建于 2016-05-23  ·  9评论  ·  资料来源: react-dnd/react-dnd

感谢您的辛勤工作!

当输入框中有一些文本时,用户将无法在文本框中单击以进行编辑,因此需要从最后删除。 我可以在IE 9和10中复制它。

另外,对于Win10-Internet Explorer 11,我不能将输入的焦点放在第一次单击上,但可以双击。 检查gif:

dnd

我使用您的简单示例添加了输入

browser bug bug wontfix

最有用的评论

我正在使用解决方法:

<input ... onMouseDown={ (e) => e.target.focus(); }/>

在IE11中测试

所有9条评论

我没有Windows计算机,因此调试将是一个挑战:/

@kesne谢谢您的回复:)是的,我尝试了一下,但是我也没有Windows机器...这是一个非常棘手的错误,但是我不知道这是不是IE或IE渲染上的事件错误... ,我不确定如何正确调试debug

@kesne嘿! 您是否有任何调试方法的见解以及在哪里可以找到此bug? 不幸的是,我认为这样做不够熟练,因此,如果您能告诉我如何调试和解决此问题,可以尝试一下。

我相信我在输入框(可拖动组件的子级)中也遇到了类似的问题。 必须双击以在IE11或Edge中的任何这些输入框中获得光标。 同时也无法单击并拖动以在输入框中选择文本。

这是IE10,IE11和Edge中的一个已知错误,已于2014年报告给MS,但似乎MS不想/无法修复它: https : https://stackoverflow.com/a/ 27160905

通过仅在不悬停输入时连接拖动源,就可以解决此问题。

  render() {
    const content = (
      <div>
        <input
           ...restOfProps
           onMouseOver={ () => this.setState({ dragSourceEnabled: false }); }
           onMouseOut={ () => this.setState({ dragSourceEnabled: true }); }
        />
      </div>
    );

    return this.state.dragSourceEnabled ? this.props.connectDragSource(content) : content;
  }

还有其他解决方法吗?
问题的状态如何?

我正在使用解决方法:

<input ... onMouseDown={ (e) => e.target.focus(); }/>

在IE11中测试

由于此问题最近没有活动,因此已被自动标记为陈旧。 如果没有进一步的活动,它将关闭。 感谢您的贡献。

此页面是否有帮助?
0 / 5 - 0 等级