From dbf2eae516323a630f1ef2392713418229ba67db Mon Sep 17 00:00:00 2001 From: TheComputerM Date: Thu, 10 Sep 2020 17:39:17 +0530 Subject: [PATCH] fix: error when client{X/Y} was 0 --- .../src/actions/Ripple/material-ripple.js | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/packages/svelte-materialify/src/actions/Ripple/material-ripple.js b/packages/svelte-materialify/src/actions/Ripple/material-ripple.js index 31120044..d3e4379f 100644 --- a/packages/svelte-materialify/src/actions/Ripple/material-ripple.js +++ b/packages/svelte-materialify/src/actions/Ripple/material-ripple.js @@ -27,8 +27,9 @@ export function RippleStart(e, options = {}) { e.stopImmediatePropagation(); const opts = { ...defaults, ...options }; + const isTouchEvent = e.touches ? !!e.touches[0] : false; // Parent element - const target = e.touches ? e.touches[0].currentTarget : e.currentTarget; + const target = isTouchEvent ? e.touches[0].currentTarget : e.currentTarget; // Create ripple const ripple = document.createElement('div'); @@ -56,8 +57,8 @@ export function RippleStart(e, options = {}) { rippleStyle.top = `${targetRect.height / 2}px`; rippleStyle.left = `${targetRect.width / 2}px`; } else { - const distY = e.clientY || e.touches[0].clientY; - const distX = e.clientX || e.touches[0].clientX; + const distY = isTouchEvent ? e.touches[0].clientY : e.clientY; + const distX = isTouchEvent ? e.touches[0].clientX : e.clientX; rippleStyle.top = `${distY - targetRect.top}px`; rippleStyle.left = `${distX - targetRect.left}px`; }