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
As of v4.0.0, this is still the case … using class="ion-activatable" i mean.
You may also need to set position: relative on the element containing ion-ripple-effect. And also keep in mind you may want to play with overflow as well to determine how the ripple behaves.
I also had to wrap the button with a div
and give it position:relative, or the ripple effect will go through entire container.
since it gave itself a position absolute and left top 0.
I tried giving button position relative, but that resulted in some weird yellow border expending while clicking