I am using ripple-js
library from here in my Angular 5 project. As soon as I add the ripple
class to my buttons, the ripple effect starts working, however the button click stops firing.
Here's a sample HTML of my button -
<div id="btnSearch" class="search_button_right tooltipstr ripple" title="Click here to Search">
<button class="btn" type="submit" (click)="Search();">
Search
</button>
</div>
Please advise what could be the issue.
Check the CSS z-index property of a button and its parent class. If Z-index value of a button lesser than the div's z-index value. It won't work. Try giving high value in button.