fix(ripple-effect): never capture click (#16955)

fixes #16939
ionic-team · Jan 4, 2019 · 7ee8aa6 · 7ee8aa6
1 parent d22e57d
commit 7ee8aa6
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/core/src/components/ripple-effect/ripple-effect.scss b/core/src/components/ripple-effect/ripple-effect.scss
@@ -15,6 +15,7 @@ $opacity-duration: $fade-in-duration + $fade-out-duration;
   position: absolute;
 
   contain: strict;
+  pointer-events: none;
 }
 
 :host(.unbounded) {

diff --git a/core/src/components/ripple-effect/test/basic/index.html b/core/src/components/ripple-effect/test/basic/index.html
@@ -78,7 +78,7 @@
         <ion-ripple-effect></ion-ripple-effect>
       </a>
 
-      <button class="my-block">
+      <button class="my-block ion-activatable">
         This is just a button + effect on top
         <ion-button onclick="buttonClicked()">Nested button</ion-button>
         <ion-ripple-effect></ion-ripple-effect>