Question

我正在使用react bootstrap Dropdown组件。我注意到我不喜欢的特定行为。最好用图片来解释。

我有一个带输入过滤器框和列表的下拉列表。

当用户在输入框中键入文本时，突出显示该文本，将鼠标拖动到左侧，然后将鼠标释放到下拉菜单外部，下拉菜单关闭。

对于那些希望能够选择要删除的文本并重新输入新搜索文本的用户来说，这是令人讨厌的行为。

现在，请不要以为我想要的行为是当用户单击外部时不关闭下拉菜单。我仍然。区别是我不希望用户在下拉菜单中单击时将下拉菜单关闭->将鼠标拖动到外部边界->释放。

我已经对此进行了很多研究，但是我一直在努力寻找要寻找的东西。我只需要指出正确的方向。我是使用React的新手，并且不确定需要自定义行为时如何进入杂草。我宁愿使用React来做到这一点，我不想使用jQuery。

无论如何，我将不胜感激某人可以给我的任何帮助。谢谢！

Answer 1

之所以发生这种情况，是因为GROUP BY监听了<Dropdown.Menu/>和click事件。因此，选择后，拖动并释放鼠标将被视为单击。这将关闭弹出窗口。

要解决此问题，请使用mousedown

使下拉列表仅侦听mousedown

rootCloseEvent="mousedown"

希望这会有所帮助！