我们正在使用下拉菜单下面的react-select下拉列表和react-table网格。我面临的问题是,当我尝试从下拉列表中选择一个值时,当下拉值与表头重叠时,光标会尝试调整表头的大小。
我试图创建一个沙盒代码来更好地解释该问题,但我在Sandbox example的现有示例之一中发现了该问题。
请查看下图以了解问题。 Image showing the issue
如上图所示,当用户单击UI的确切位置时,用户没有从下拉列表中选择值,而是最终调整了表头的大小。
有什么办法可以避免此问题并确保光标停留在菜单列表上? 任何帮助表示赞赏。
答案 0 :(得分:0)
为您的ReactTable组件添加style = {{zIndex:“ -1”}}