反应选择下拉值干扰反应表

时间:2020-10-19 16:47:36

标签: javascript reactjs

我们正在使用下拉菜单下面的react-select下拉列表和react-table网格。我面临的问题是,当我尝试从下拉列表中选择一个值时,当下拉值与表头重叠时,光标会尝试调整表头的大小。

我试图创建一个沙盒代码来更好地解释该问题,但我在Sandbox example的现有示例之一中发现了该问题。

请查看下图以了解问题。 Image showing the issue

如上图所示,当用户单击UI的确切位置时,用户没有从下拉列表中选择值,而是最终调整了表头的大小。

有什么办法可以避免此问题并确保光标停留在菜单列表上? 任何帮助表示赞赏。

1 个答案:

答案 0 :(得分:0)

为您的ReactTable组件添加style = {{zIndex:“ -1”}}