Browse Source

fix(player): fix dismissal of UI after only 1 mousemove event

pull/267/head
Jip Fr 3 years ago
parent
commit
0c2df2cd3c
  1. 8
      src/video/components/actions/BackdropAction.tsx

8
src/video/components/actions/BackdropAction.tsx

@ -24,18 +24,16 @@ export function BackdropAction(props: BackdropActionProps) {
const handleMouseMove = useCallback(() => { const handleMouseMove = useCallback(() => {
if (!moved) { if (!moved) {
setTimeout(() => { setTimeout(() => {
// If NOT a touch, set moved to true
const isTouch = Date.now() - lastTouchEnd.current < 200; const isTouch = Date.now() - lastTouchEnd.current < 200;
if (!isTouch) { if (!isTouch) setMoved(true);
setMoved(true);
}
}, 20); }, 20);
return;
} }
// remove after all // remove after all
if (timeout.current) clearTimeout(timeout.current); if (timeout.current) clearTimeout(timeout.current);
timeout.current = setTimeout(() => { timeout.current = setTimeout(() => {
if (moved) setMoved(false); setMoved(false);
timeout.current = null; timeout.current = null;
}, 3000); }, 3000);
}, [setMoved, moved]); }, [setMoved, moved]);

Loading…
Cancel
Save