I have a
f7-list-item component with
link parameter, i.e. clickable list item.
<f7-button slot="after" @click.stop.prevent="clicked()"> and clicking this button I see that material ripple animation on this button, but also the whole list item receives this click and becomes grayed (it’s
active-state class), which is not desired behaviour.
What is the right way to add a button to a list item to get correct user experience of clicking just a button but not a list item itself?