Could you try to add ion-activatable
to your div and check if that solve the issue?
<div ion-activatable ....>
<ion-ripple-effect></ion-ripple-effect>
</div>
if not,
if yes, maybe it would be good then to add a request for docs improvements in https://github.com/ionic-team/ionic-docs because I see that this is not displayed in the doc