search

PolymerElements / paper-ripple

Adds a Material Design ripple effect to UI elements
https://webcomponents.org/element/PolymerElements/paper-ripple
56 stars 27 forks source link

Ripple get stuck when changing browser tab #98

Closed MarcosRakesh closed 7 years ago

MarcosRakesh commented 7 years ago

Description

  1. Ripple gets stuck when changing browser tab while clicked an element with ripple
  2. Button gets bold when changing browser tab while clicked the button

Expected outcome

  1. Ripple should fade out but is still showing the ripple
  2. Button should not be bolded, if you select browser inspect element it shows back to normal without bold (can't find bold html/css attribute)

Actual outcome

  1. Ripple stuck
  2. Raised button

Live Demo

Paper Elements

Steps to reproduce

  1. Click any element with ripple eg. checkbox
  2. Change browser tab (Ripple gets stuck on active item)
  3. Change browser tab (Ripple may not show)
  4. Change browser tab (Ripple shows again stucked)

Browsers Affected