paper-ripple正在侦听其容器外部的点击事件

Question

我正在尝试为我的应用中的卡创建一个简单的涟漪效果。它工作得很好，但它也响应容器外的鼠标事件：

代码如下所示：

<dom-module>
    ...
    <template>
        ...
        <paper-material>
            <div class="wrapper">...</div>
            <paper-ripple></paper-ripple>
        </paper-material>
        ...
    </template>
</dom-module>

我不太明白为什么这样做。有什么想法吗？

加

整个页面是一个独立的dom-module。显然以这种方式使用paper-ripple会导致这种情况发生。我该如何解决这个问题？

Answer 1

更新 （2015年6月15日） ： paper-ripple 1.0.1于11月发布2015年6月，其中包含the PR fixing this problem，在此回答中建议修补 已过时。 只需更新bower.json即可绑定到PolymerElements/paper-ripple#^1.0.1。

这是与plagued another user on SO完全相同的错误的症状。纸纹波元素针对错误的主元素。

修复has been merged进入官方存储库，但尚未发布任何版本。要立即使用它，只需在master中使用bower.json分支作为您的版本。

我建议您继续关注releases，并尽快使用实际版本作为您的依赖项，而不是master分支。