diff --git a/packages/material-ui/src/Tooltip/Tooltip.js b/packages/material-ui/src/Tooltip/Tooltip.js index 8fb5eb8b81817f..b103ff5eb59cc4 100644 --- a/packages/material-ui/src/Tooltip/Tooltip.js +++ b/packages/material-ui/src/Tooltip/Tooltip.js @@ -387,14 +387,16 @@ const Tooltip = React.forwardRef(function Tooltip(props, ref) { }; const handleTouchStart = (event) => { - detectTouchStart(event); - clearTimeout(leaveTimer.current); - clearTimeout(closeTimer.current); - clearTimeout(touchTimer.current); - event.persist(); - touchTimer.current = setTimeout(() => { - handleEnter()(event); - }, enterTouchDelay); + if (typeof PointerEvent === 'undefined') { + detectTouchStart(event); + clearTimeout(leaveTimer.current); + clearTimeout(closeTimer.current); + clearTimeout(touchTimer.current); + event.persist(); + touchTimer.current = setTimeout(() => { + handleEnter()(event); + }, enterTouchDelay); + } }; const handleTouchEnd = (event) => { @@ -402,12 +404,14 @@ const Tooltip = React.forwardRef(function Tooltip(props, ref) { children.props.onTouchEnd(event); } - clearTimeout(touchTimer.current); - clearTimeout(leaveTimer.current); - event.persist(); - leaveTimer.current = setTimeout(() => { - handleClose(event); - }, leaveTouchDelay); + if (typeof PointerEvent === 'undefined') { + clearTimeout(touchTimer.current); + clearTimeout(leaveTimer.current); + event.persist(); + leaveTimer.current = setTimeout(() => { + handleClose(event); + }, leaveTouchDelay); + } }; React.useEffect(() => {