diff --git a/.changeset/great-shoes-speak.md b/.changeset/great-shoes-speak.md new file mode 100644 index 000000000..b08714086 --- /dev/null +++ b/.changeset/great-shoes-speak.md @@ -0,0 +1,5 @@ +--- +'@cube-dev/ui-kit': patch +--- + +Postpone form reset in DialogForm until closing transition is over. diff --git a/src/components/overlays/Dialog/DialogForm.tsx b/src/components/overlays/Dialog/DialogForm.tsx index c7141d744..4d3c969b1 100644 --- a/src/components/overlays/Dialog/DialogForm.tsx +++ b/src/components/overlays/Dialog/DialogForm.tsx @@ -85,7 +85,10 @@ export function DialogForm( onDismiss?.(); if (!preserve) { - form?.resetFields(); + // let animations finish before resetting the form + setTimeout(() => { + form?.resetFields(); + }, 250); } } @@ -120,7 +123,10 @@ export function DialogForm( onClose?.(); if (!preserve) { - form?.resetFields(); + // let animations finish before resetting the form + setTimeout(() => { + form.resetFields(); + }, 250); } }} onSubmitFailed={onSubmitFailed}