html - ReactJS - 覆盖按钮放在列表上方时不可点击

Question

请查看我创建的代码沙盒中的代码示例

我想要触发 float 按钮的按钮操作。而是触发分配给 ListItem 的操作。 任何想法解决方案都将受到高度赞赏。

谢谢!

Answer 1

与其说是 js 问题，不如说是标记/样式问题。您可以做的最简单的事情是在溢出容器上设置一个 z-index。

const overlay = {
    position: 'absolute',
    bottom: 30,
    right: 10,
    zIndex: 100
}

这使您的示例有效，但也许有更好的标记解决方案来解决您的问题。