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

Question

请参阅我创建的代码沙盒中的代码示例

我想要触发浮动按钮的按钮操作。而是触发了分配给 ListItem 的 Action。 任何想法解决方案将不胜感激。

谢谢！

Answer 1

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

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

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