vue-ripple-directive
vue-ripple-directive copied to clipboard
Material Ripple Effect as Vue Directive.
Hi, thanks for this directive. How can y set v-ripple on component before define it globally ? I have a b-btn like this : And i want to set v-ripple...
How can I deploy on Vue js 3 in Nuxt.js?
setTimeout(function () { if (rippleContainer.parentNode) { rippleContainer.parentNode.removeChild(rippleContainer); } }, 850);
This plugin is not compatible with version 3 vue js. please follow up !
moved "mouseup" listener to document root, otherwise if you mouse away from element without triggering mouseup, the ripple container will persist in place.
I've found that passing a dynamic value to the directive like this won't work: `v-ripple.600="rippleColor"` `rippleColor` changes dynamically based on if my app is in light or dark mode. Unfortunately,...
Compatible with version 3 vue and fix before version bugs
When using the default `mousedown` event, if the user clicks on the rippled element and (without releasing) drags the cursor outside the element, the ripple just stays there and doesn't...
Fix Problem Ripple never disappears after click and drag
Fixes a bug when using the plugin with touch events (line `touchstart`) does not make any sense. The problem was that touch events do not have `event.clientX` and `event.clientY`. Instead,...