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 于 2015 年 6 月 11 日发布，其中包括修复此问题的 PR，使得本答案中建议的修复变得过时。只需更新bower.json即可绑定到PolymerElements/paper-ripple#^1.0.1.

这是困扰 SO 上另一个用户的同一错误的症状。纸波纹元素瞄准了错误的宿主元素。

修复已合并到官方存储库中，但尚未出现在任何版本中。要立即使用它，只需使用该master分支作为bower.json.

我建议密切关注版本并master尽快使用实际版本作为依赖项而不是分支。