无法选择可拖动文字

时间:2018-09-26 14:04:53

标签: reactjs react-dnd

我发现当包含文本的div可拖动时,我无法选择文本。

如果我删除DnD内容,则可以选择文本。

有两种方法都可以吗?

1 个答案:

答案 0 :(得分:2)

这个问题的一个关键问题似乎在于支持哪种精确的UX设计。

状态切换是解决此问题的一种方法。将复选框或其他切换控件放置在每个项目或全局位置。当通过拖动切换并选择打开时(我们称其为“关闭”状态),则用户可以选择。当切换时拖动并选择关闭(我们称其为“ on”状态),则用户可以拖动。您可以仅在后一种“开”状态下利用React来启用DnD行为(例如即使在“关”状态下甚至不包括拖放包装器)。

另一个选择是其他手势识别,例如长按/轻击,react-dnd可能不支持。您还提到了其他一些可能性,例如双击和使文本本身不可拖动。