Vuetify: [Feature Request] Don't display the ripple for touch scroll events

[hareku]

Problem to solve

Now, v-ripple displays the ripple effect when a mobile user scrolls.
material-ui doesn't display the ripple for touch scroll events.

Proposed solution

https://github.com/mui-org/material-ui/blob/v4.2.1/packages/material-ui/src/ButtonBase/TouchRipple.js#L118

[hareku]

material-ui PR: https://github.com/mui-org/material-ui/pull/8605/files

[bitbytebit1]

I'm also looking for this functionality!

[pcalin]

Yes. Pretty please, can we get this?

[Tantawi]

Can we merge this please? it is an important fix.

[yoshschoemaker]

This is indeed a pretty important fix. Can this be fixed/merged please?

[Sshuichi]

Any update on this?

[kyleoliveiro]

Please merge this. It is very important for mobile devices. @johnleider

[bublikOff]

As temporary workaround it can be done with something like this

CSS
.hide-ripple .v-ripple__container { display: none }

JS
window.addEventListener('touchmove', function() { document.body.classList.add('hide-ripple') }, { passive: true });
window.addEventListener('touchend', function() { setTimeout(function(){ document.body.classList.remove('hide-ripple') }, 50); });

[bitbytebit1]

Still waiting on this one guys ♥️

[johnleider]

resolved with #10596