Button freezing on MD

This is a (multiple allowed):

• bug

• enhancement

• feature-discussion (RFC)

• Framework7 Version: Framework7 2.2.5

• Platform and Target: CORDOVA ANDROID.

What you did

Create left panel on app. Programming was not used, only the standard framework css. I used the panel of the template itself to create my model.

<div class="panel panel-left panel-cover theme-dark"> <div class="view"> <div class="page"> <div class="navbar"> <div class="navbar-inner"> <div class="title">Menu</div> </div> </div> <div class="page-content"> <div class="block"> <div class="list"> <ul> <li> <a href="/minha_conta/" class="item-content item-link"> <div class="item-inner"> <div class="item-title">Questionário</div> </div> </a> </li> <li> <a href="/relatorios/" class="item-content item-link"> <div class="item-inner"> <div class="item-title">Relatórios PDT</div> </div> </a> </li> <li> <a href="/solicitacoes/" class="item-content item-link"> <div class="item-inner"> <div class="item-title">Solicitações ERGO</div> </div> </a> </li> <li> <a href="/minha_conta/" class="item-content item-link"> <div class="item-inner"> <div class="item-title">Minha Conta</div> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </div>

Expected Behavior

Ripple animated buttons using the MD standard

Actual Behavior

Button ripple animation on panel is “freezing”, not returning to the default state. Home buttom too.

[EriveltonMS]

@l41lt0n , temporarily disable the ripple by changing the parameter in the app configuration

touch:{ materialRipple:false, }

with this the problem disappears, but the effect too.

[oleksandr-sovenko]

aah damn yes. might be. I noticed “twice initialization app.js” in my app too. And removed. … But now need to try remove now touch:{ materialRipple:false }. Thx.

I had twice initialized app.js, because I use webpack. But webpack add app.js automatically, plus I have app.js in my index.html template. That why I had twice initialized app.js.