fix(form): fix DrawerForm and ModalForm button error

ant-design · Jan 18, 2024 · 7bf4b30 · 7bf4b30
1 parent 644967d
commit 7bf4b30
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/packages/form/src/layouts/DrawerForm/index.tsx b/packages/form/src/layouts/DrawerForm/index.tsx
@@ -21,6 +21,7 @@ import React, {
 import { createPortal } from 'react-dom';
 import type { CommonFormProps, ProFormInstance } from '../../BaseForm';
 import { BaseForm } from '../../BaseForm';
+import { SubmitterProps } from '../../components/Submitter';
 import { useStyle } from './style';
 
 export type CustomizeResizeType = {
@@ -227,7 +228,10 @@ function DrawerForm<T = Record<string, any>, U = Record<string, any>>({
             drawerProps?.onClose?.(e);
           },
         },
-      },
+        render: (_, dom) => {
+          return [...dom].reverse();
+        },
+      } as SubmitterProps,
       rest.submitter,
     );
   }, [

diff --git a/packages/form/src/layouts/ModalForm/index.tsx b/packages/form/src/layouts/ModalForm/index.tsx
@@ -16,6 +16,7 @@ import React, {
 import { createPortal } from 'react-dom';
 import type { CommonFormProps, ProFormInstance } from '../../BaseForm';
 import { BaseForm } from '../../BaseForm';
+import { SubmitterProps } from '../../components/Submitter';
 
 export type ModalFormProps<
   T = Record<string, any>,
@@ -177,7 +178,10 @@ function ModalForm<T = Record<string, any>, U = Record<string, any>>({
             modalProps?.onCancel?.(e);
           },
         },
-      },
+        render: (_, dom) => {
+          return [...dom].reverse();
+        },
+      } as SubmitterProps,
       rest.submitter,
     );
   }, [