diff --git a/components/PageReader.tsx b/components/PageReader.tsx index 795e413..a510875 100644 --- a/components/PageReader.tsx +++ b/components/PageReader.tsx @@ -85,7 +85,16 @@ export function PageReader({ const [canHover, setCanHover] = useState(false); const [hoveringNav, setHoveringNav] = useState(false); useEffect(() => { - setCanHover(window.matchMedia("(hover: hover)").matches); + if (window.matchMedia("(any-hover: hover)").matches) { + setCanHover(true); + return; + } + const onMove = () => { + setCanHover(true); + window.removeEventListener("mousemove", onMove); + }; + window.addEventListener("mousemove", onMove); + return () => window.removeEventListener("mousemove", onMove); }, []); const imagesRef = useRef(images);