Event.stopPropagation() doesn’t fail, but the click event of the inner button is never triggered. No matter where you click, it always fires the click event of the outer button.
This is the case in Firefox (and possibly iOS).
Thank you for your answer. Yes, this gives the desired click behavior (as version 2 above), but still doesn’t show the same click animation as version 1 above.
I guess I could live with that, I just thought that there might be an easy way to get the button click animation for the ion-item.
The effect on the button is a round ripple effect and localized on the click event. The ion-item “only” has a light-gray effect on its whole background. I’m checking on an Android device and in the browser.
Hm, seems there are changes to the tappable attribute in the latest ionic version. An older project of mine shows the tappable with almost the same button effect but I tried a latest project and it just shows what you’ve described. Perhaps, there are some sass variables you can tweak.