From 0c45d579b04afc1d92569179e0c042a3c859186c Mon Sep 17 00:00:00 2001
From: Yuseok Jo <yuseok89@gmail.com>
Date: Fri, 17 Jul 2026 21:49:15 +0900
Subject: [PATCH] UI: Lazy-mount the pause confirmation dialog on Dag cards and
 rows

---
 .../src/airflow/ui/src/components/ConfirmationModal.tsx   | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/airflow-core/src/airflow/ui/src/components/ConfirmationModal.tsx b/airflow-core/src/airflow/ui/src/components/ConfirmationModal.tsx
index f4c8a92007fe9..f862929fbcc95 100644
--- a/airflow-core/src/airflow/ui/src/components/ConfirmationModal.tsx
+++ b/airflow-core/src/airflow/ui/src/components/ConfirmationModal.tsx
@@ -33,7 +33,13 @@ export const ConfirmationModal = ({ children, header, onConfirm, onOpenChange, o
   const { t: translate } = useTranslation("common");
 
   return (
-    <Dialog.Root data-testid="confirmation-modal" onOpenChange={onOpenChange} open={open}>
+    <Dialog.Root
+      data-testid="confirmation-modal"
+      lazyMount
+      onOpenChange={onOpenChange}
+      open={open}
+      unmountOnExit
+    >
       <Dialog.Content backdrop>
         <Dialog.Header>
           <Heading>{header}</Heading>