Button wave effect not resetting with angular2 Materialize

Question

I use Materialize for angular2. The setup of the project :

• Angular2
• Angular-cli
• Webpack
• scss and ts

Here is the thing, when for example I create buttons like this :

<button class=" btn btn-large waves-effect waves-light col s12" type="submit">Valider</button>

or like this :

<a class=" btn btn-large waves-effect waves-light col s12" type="submit">Valider</a>

The ripple/wave effect from materialize play with a brighter color BUT it does not reset to the original color of the button.

Juste to be clear, it's for an authentification form. So the button is in a form

=> So if I click several time the color of the button becomes brighter and brighter until it become white...

What could be wrong here ?

Answer 1

I had the same problem here, It was because I was importing materialize more than one time (in some modules).

Answer 2

See https://github.com/Dogfalo/materialize/issues/2667 and https://github.com/Dogfalo/materialize/issues/4344

The problem is that the effect is stacked. Did you try a new release of angular2-materialize?