Paper ripple shouldn't be executed when scrolling over paper-ripple elements.

[AndreasGalster]

When you scroll through a website for example on mobile and you have paper ripple elements and you place your finger exactly on that element to scroll, a paper ripple executes. This shouldn't happen IMO since the user did never intend to click the button. He's scrolling. This is confusing the user and also fires core-transitionend when you don't want it to happen.

[aktasmehmet]

I am facing exactly the same problem. Still waiting for a fix

[dixitcy]

Yea me too, seems like a pretty basic issue . Is there a way around using touch/gestures ?

[aktasmehmet]

I did a workaround for this, put a 0,5 second timeout when scrolling. So I can set a variable called "scrolling" to true. By doing this, you can stop ripple effect using core-transitionend callback of the item paper-ripple used. Maybe not a perfect solution but may help to someone else.

    window.onscroll = function (e) {
          scrolling = true;
          clearTimeout(scrollTimeout);
          scrollTimeout = setTimeout(function(){ notScrolling = true; }, 500);
    };

    <div on-core-transitionend="{{rippleFinished}}"><paper-ripple fit></paper-ripple></div>

    rippleFinished: function(e, detail, sender){ ... }