Materialize: waves-effect stacking

[ong-leonard1]

The waves-effect kept stacking whenever a button is press. If I pressed multiple times, the waves-effect will keep stacking as shown in the image. The waves would not disperse/dissolve. I did not change the css or js files. What may caused this issue?

Before clicking.

After clicking.

<div class="row"> <div class="col s6"> <h5>Amazon.com Inc.</h5> </div> </div> <div class="row"> <div class="col s12"> <h6>Price (Last Close)</h6> <a class="waves-effect waves-light light-blue darken-3 btn"><i class="material-icons right">shopping_basket</i>Add to Basket</a> </div> </div>

[vishnu1991]

Hello @ong-leonard1 ,
Looks like the waves are working fine(waves are dissolving fine ) even after clicking it multiple times.
you can try this codepen .

If you're still facing issues reply to this thread.
We will be happy to help.

[ong-leonard1]

hi @vishnu1991,

yes, thank you so much. I don't know why, now it is working properly.

[ghstahl]

I have repoed this issue on my side as well.

https://github.com/Dogfalo/materialize/issues/3709

[jejey]

ghstahl commented on Oct 1, 2016 • edited
I have repoed this issue on my side as well.

3709

I had the same issue because I added the html head file twice (with all links to js / css ... )

[tomscholz]

These issues are all duplicates:
https://github.com/Dogfalo/materialize/issues/1314
https://github.com/Dogfalo/materialize/issues/3642
https://github.com/Dogfalo/materialize/issues/686

For future discussion, please use this issue instead.
https://github.com/Dogfalo/materialize/issues/4344