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) => {