From d43a2ade4be93ad75e69a5e198a03f57dce480b0 Mon Sep 17 00:00:00 2001 From: dexter21767-dev Date: Mon, 3 Jul 2023 11:22:10 +0100 Subject: [PATCH] pass the event arguemnt and preventDefault --- src/common/Button/Button.js | 8 ++++---- src/routes/MetaDetails/VideosList/Video/Video.js | 3 ++- 2 files changed, 6 insertions(+), 5 deletions(-) diff --git a/src/common/Button/Button.js b/src/common/Button/Button.js index feaeee738..7d602a0c6 100644 --- a/src/common/Button/Button.js +++ b/src/common/Button/Button.js @@ -7,15 +7,15 @@ const styles = require('./styles'); const Button = React.forwardRef(({ className, href, disabled, children, onLongPress, ...props }, ref) => { let pressTimer = null; - const onTouchStart = function () { + const onTouchStart = function (event) { pressTimer = setTimeout(function () { if (typeof onLongPress === 'function') { - //alert('longpress detected'); - onLongPress(); + onLongPress(event); } }, 650); // an artifact of previous menus staying on the screen will happen on Safari if the timeout was set to 600 and less, and 650 for PWA. }; - const onTouchEnd = function () { + const onTouchEnd = function (event) { + //event.preventDefault(); clearTimeout(pressTimer); }; const onKeyDown = React.useCallback((event) => { diff --git a/src/routes/MetaDetails/VideosList/Video/Video.js b/src/routes/MetaDetails/VideosList/Video/Video.js index 9128cb6ea..b327b5ce6 100644 --- a/src/routes/MetaDetails/VideosList/Video/Video.js +++ b/src/routes/MetaDetails/VideosList/Video/Video.js @@ -30,7 +30,8 @@ const Video = ({ className, id, title, thumbnail, episode, released, upcoming, w toggleMenu(); } }, [toggleMenu]); - const popupLabelOnLongPress = React.useCallback(() => { + const popupLabelOnLongPress = React.useCallback((event) => { + event.preventDefault(); toggleMenu(); }, [toggleMenu]); const popupMenuOnContextMenu = React.useCallback((event) => {