Search code examples
htmlcssangularmaterial-designmaterialize

Button wave effect not resetting with angular2 Materialize

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 ?

Solution

  • 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?