javascript - 使用 使兄弟元素不可点击

Question

当我使用 <paper-shadow> 时在我的应用程序中，它会阻止用户与它所包含的元素(它的 sibling )的内容进行任何交互，因为它会在它上面呈现很多东西。

This JSFiddle演示我的问题与一起被黑的元素。 The docs提到一些关于使用额外包装器的事情，但这是引用元素的溢出属性。无论如何，我无法用包装器解决我的问题。

Answer 1

This commit介绍 {z-index: -1; pointer-events: none} to .paper-shadow 这解决了我的问题，但它在 the following commit 中恢复了没有解释。 Later on {pointer-events: none;} 被重新添加以响应 this issue这解决了我的问题。

我运行了 bower update，我的本地 paper-shadow 副本没有任何变化。我只能得出结论，bower 没有提取最新版本的 GitHub 存储库。