From b3ef5ac929d861fd3a320c1037e70b1754e8a6e9 Mon Sep 17 00:00:00 2001
From: Robin <robin@robin.town>
Date: Mon, 18 Sep 2023 19:24:22 -0400
Subject: [PATCH] Make touchscreen detection more robust
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Empirically, Chrome on Android can end up not matching (hover: none), but still matching (pointer: coarse). 😕
---
 src/Modal.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Modal.tsx b/src/Modal.tsx
index 9fe68122..f2464b95 100644
--- a/src/Modal.tsx
+++ b/src/Modal.tsx
@@ -67,7 +67,7 @@ export function Modal({
   ...rest
 }: ModalProps) {
   const { t } = useTranslation();
-  const touchscreen = useMediaQuery("(hover: none)");
+  const touchscreen = useMediaQuery("(hover: none) or (pointer: coarse)");
   const onOpenChange = useCallback(
     (open: boolean) => {
       if (!open) onDismiss?.();