【问题标题】:react select dropdown values interfering with react table反应选择干扰反应表的下拉值
【发布时间】:2020-10-19 16:47:36
【问题描述】:

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

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

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

当用户点击上图所示的 UI 上的确切点时,用户最终会调整表格标题的大小,而不是从下拉列表中选择一个值。

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

【问题讨论】:

    标签: javascript reactjs


    【解决方案1】:

    将 style={{ zIndex: "-1" }} 添加到您的 ReactTable 组件

    【讨论】:

    • 我只专注于更改与下拉框相关的代码。在你回答之后,我修改了表格标题的样式,它解决了我的问题。感谢您为我指明正确的方向!
    猜你喜欢
    • 1970-01-01
    • 2023-01-09
    • 2015-02-18
    • 2020-09-20
    • 1970-01-01
    • 2021-06-09
    • 1970-01-01
    • 2021-12-01
    • 2020-02-01
    相关资源
    最近更新 更多