paper-ripple 正在监听其容器外的点击事件
paper-ripple is listening to click events outside of its container
我正在尝试在我的应用程序中为卡片创建一个简单的涟漪效果。它工作得很好,但它也在响应容器外的鼠标事件:
代码如下所示:
<dom-module>
...
<template>
...
<paper-material>
<div class="wrapper">...</div>
<paper-ripple></paper-ripple>
</paper-material>
...
</template>
</dom-module>
我不太明白为什么会这样。有什么想法吗?
已添加
整个页面是独立的dom-module
。显然以这种方式使用 paper-ripple
会导致这种情况发生。我该如何解决这个问题?
更新 (2015 年 6 月 15 日): paper-ripple
1.0.1于 2015 年 6 月 11 日发布,其中包括 the PR fixing this problem,使此答案中推荐的修复 过时。 只需更新 bower.json
绑定到 PolymerElements/paper-ripple#^1.0.1
.
这是与 完全相同的错误的症状。纸纹元素定位到错误的宿主元素。
官方存储库中的修复 has been merged,但尚未在任何版本中。现在要使用它,只需使用 master
分支作为 bower.json
.
中的版本
我建议密切关注 releases 并尽快使用实际版本作为依赖项而不是 master
分支。
我正在尝试在我的应用程序中为卡片创建一个简单的涟漪效果。它工作得很好,但它也在响应容器外的鼠标事件:
代码如下所示:
<dom-module>
...
<template>
...
<paper-material>
<div class="wrapper">...</div>
<paper-ripple></paper-ripple>
</paper-material>
...
</template>
</dom-module>
我不太明白为什么会这样。有什么想法吗?
已添加
整个页面是独立的dom-module
。显然以这种方式使用 paper-ripple
会导致这种情况发生。我该如何解决这个问题?
更新 (2015 年 6 月 15 日): paper-ripple
1.0.1于 2015 年 6 月 11 日发布,其中包括 the PR fixing this problem,使此答案中推荐的修复 过时。 只需更新 bower.json
绑定到 PolymerElements/paper-ripple#^1.0.1
.
这是与
官方存储库中的修复 has been merged,但尚未在任何版本中。现在要使用它,只需使用 master
分支作为 bower.json
.
我建议密切关注 releases 并尽快使用实际版本作为依赖项而不是 master
分支。