From 1d506c1684166c8c96666173ecd3988222eb3152 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Mon, 9 Feb 2026 09:42:11 -0600
Subject: [PATCH] work around radix pointer events issue when dialog is opened
 from drawer

fixes https://github.com/blakeblackshear/frigate/discussions/21940
---
 .../overlay/dialog/RestartDialog.tsx          | 26 ++++++++++++++++---
 1 file changed, 22 insertions(+), 4 deletions(-)

diff --git a/web/src/components/overlay/dialog/RestartDialog.tsx b/web/src/components/overlay/dialog/RestartDialog.tsx
index 6d269b7cb..7e70bf03f 100644
--- a/web/src/components/overlay/dialog/RestartDialog.tsx
+++ b/web/src/components/overlay/dialog/RestartDialog.tsx
@@ -4,6 +4,7 @@ import {
   AlertDialogAction,
   AlertDialogCancel,
   AlertDialogContent,
+  AlertDialogDescription,
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle,
@@ -37,6 +38,12 @@ export default function RestartDialog({
   const [restartingSheetOpen, setRestartingSheetOpen] = useState(false);
   const [countdown, setCountdown] = useState(60);
 
+  const clearBodyPointerEvents = () => {
+    if (typeof document !== "undefined") {
+      document.body.style.pointerEvents = "";
+    }
+  };
+
   useEffect(() => {
     setRestartDialogOpen(isOpen);
   }, [isOpen]);
@@ -74,14 +81,25 @@ export default function RestartDialog({
     <>
       <AlertDialog
         open={restartDialogOpen}
-        onOpenChange={() => {
-          setRestartDialogOpen(false);
-          onClose();
+        onOpenChange={(open) => {
+          if (!open) {
+            setRestartDialogOpen(false);
+            onClose();
+            clearBodyPointerEvents();
+          }
         }}
       >
-        <AlertDialogContent>
+        <AlertDialogContent
+          onCloseAutoFocus={(event) => {
+            event.preventDefault();
+            clearBodyPointerEvents();
+          }}
+        >
           <AlertDialogHeader>
             <AlertDialogTitle>{t("restart.title")}</AlertDialogTitle>
+            <AlertDialogDescription className="sr-only">
+              {t("restart.description")}
+            </AlertDialogDescription>
           </AlertDialogHeader>
           <AlertDialogFooter>
             <AlertDialogCancel>