fix: Resolve DOM residue issue on activate

src/Dialog/Content/index.tsx

@@ -33,9 +33,20 @@ const Content = React.forwardRef<ContentRef, ContentProps>((props, ref) => {
   } = props;
 
   const dialogRef = useRef<{ nativeElement: HTMLElement } & CSSMotionStateRef>(null);
-
   const panelRef = useRef<PanelRef>(null);
 
+  // Force remount CSSMotion when visible changes from false to false
+  // This handles React.Activity scenarios where component state is preserved
+  const [motionKey, setMotionKey] = React.useState(0);
+  const prevVisibleRef = useRef(visible);
+
+  React.useEffect(() => {
+    if (!visible && !prevVisibleRef.current) {
+      setMotionKey(k => k + 1);
+    }
+    prevVisibleRef.current = visible;
+  }, [visible]);
+
   // ============================== Refs ==============================
   React.useImperativeHandle(ref, () => ({
     ...panelRef.current,
@@ -64,6 +75,7 @@ const Content = React.forwardRef<ContentRef, ContentProps>((props, ref) => {
   // ============================= Render =============================
   return (
     <CSSMotion
+      key={motionKey}
       visible={visible}
       onVisibleChanged={onVisibleChanged}
       onAppearPrepare={onPrepare}

src/Dialog/index.tsx

@@ -58,6 +58,7 @@ const Dialog: React.FC<IDialogPropTypes> = (props) => {
   const lastOutSideActiveElementRef = useRef<HTMLElement>(null);
   const wrapperRef = useRef<HTMLDivElement>(null);
   const contentRef = useRef<ContentRef>(null);
+  const closeTimerRef = useRef<ReturnType<typeof setTimeout>>(null);
 
   const [animatedVisible, setAnimatedVisible] = React.useState(visible);
 
@@ -157,22 +158,36 @@ const Dialog: React.FC<IDialogPropTypes> = (props) => {
 
   // ========================= Effect =========================
   useEffect(() => {
+    clearTimeout(closeTimerRef.current);
+
     if (visible) {
       setAnimatedVisible(true);
       saveLastOutSideActiveElementRef();
-    } else if (
-      animatedVisible &&
-      contentRef.current.enableMotion() &&
-      !contentRef.current.inMotion()
-    ) {
-      doClose();
+    } else if (animatedVisible) {
+      const hasMotion = contentRef.current?.enableMotion?.();
+      const inMotion = contentRef.current?.inMotion?.();
+
+      if (hasMotion && !inMotion) {
+        doClose();
+      } else {
+        closeTimerRef.current = setTimeout(() => {
+          if (!visible && animatedVisible) {
+            doClose();
+          }
+        }, 500);
+      }
     }
+
+    return () => {
+      clearTimeout(closeTimerRef.current);
+    };
   }, [visible]);
 
   // Remove direct should also check the scroll bar update
   useEffect(
     () => () => {
       clearTimeout(contentTimeoutRef.current);
+      clearTimeout(closeTimerRef.current);
     },
     [],
   );