Ant Design Input / React DND - 使用 react-dnd 时无法在 Ant Design Input 中移动文本指针

Question

我正在做一个项目，我有一个 Ant Design Table，其中包含多行输入字段。这些行和 moveable/draggable。我正在使用 react-dnd 来实现这一点。

我面临的问题是在使用 Firefox 浏览器时，我无法移动输入字段中的文本 cursor/pointer，而在我使用任何其他浏览器时都可以。

我知道并理解 select 输入中的文本很难，因为这会导致行移动。我已经找到了解决方法，尽管这不是我真正的问题。

这是一个 link 的演示项目：https://codesandbox.io/s/react-dnd-antd-input-select-issue-gy2hb

重现步骤：

1. 使用除 Firefox 以外的任何其他浏览器尝试使用鼠标（而不是箭头键）将文本光标移动到输入字段内。结果 - cursor/pointer 将根据您点击的位置移动。
2. 使用 Firefox 尝试同样的事情。结果 - 无论您在输入字段中单击什么位置，cursor/pointer 都不会移动。

预期结果： 无论浏览器如何，cursor/pointer 都应该移动

我正在处理一个重要项目，因此需要它才能在 Firefox 上工作。

Answer 1

我遇到了同样的问题，这条评论 here 帮助我解决了这个问题。希望对你也有帮助。