framework7: 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.

localhost_3000_ galaxy s5 localhost_3000_ galaxy s5 1 localhost_3000_ galaxy s5 2

About this issue

  • Original URL
  • State: closed
  • Created 6 years ago
  • Reactions: 1
  • Comments: 26 (1 by maintainers)

Most upvoted comments

@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.