Clickable ion-icon inside clickable ion-item

I am not sure about this but on my older project (@ionic/app-scripts: 1.3.7, Ionic Framework: ionic-angular 3.2.1), the buttons work properly and show the correct ripple effect too. Then I created a new project (@ionic/app-scripts: 2.1.3, Ionic Framework: ionic-angular 3.6.0), the buttons work properly but do not show the correct ripple effect.

BTW, I’ve only tested this on Chrome and FF browsers with ionic serve -l

I never got this working. But I was going to try and make them siblings rather than nested and then absolute position it using CSS. I think any way you go about it, expect to have to test and maintain on new versions until it is officially supported.

It’s one of those things where you get 95% of the way on your project, then spend a ton of time getting the last 5% right.

1 Like