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

fixes #16939

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) {

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>