fix: add preventDefaultSubmit prop to BaseForm to prevent unwanted page refresh on Enter key

web/app/components/base/form/components/base/base-form.tsx

@@ -32,6 +32,8 @@ export type BaseFormProps = {
   ref?: FormRef
   disabled?: boolean
   formFromProps?: AnyFormApi
+  onSubmit?: (e: React.FormEvent<HTMLFormElement>) => void
+  preventDefaultSubmit?: boolean
 } & Pick<BaseFieldProps, 'fieldClassName' | 'labelClassName' | 'inputContainerClassName' | 'inputClassName'>
 
 const BaseForm = ({
@@ -45,6 +47,8 @@ const BaseForm = ({
   ref,
   disabled,
   formFromProps,
+  onSubmit,
+  preventDefaultSubmit = false,
 }: BaseFormProps) => {
   const initialDefaultValues = useMemo(() => {
     if (defaultValues)
@@ -114,9 +118,18 @@ const BaseForm = ({
   if (!formSchemas?.length)
     return null
 
+  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
+    if (preventDefaultSubmit) {
+      e.preventDefault()
+      e.stopPropagation()
+    }
+    onSubmit?.(e)
+  }
+
   return (
     <form
       className={cn(formClassName)}
+      onSubmit={handleSubmit}
     >
       {formSchemas.map(renderFieldWrapper)}
     </form>

web/app/components/plugins/plugin-detail-panel/subscription-list/create/common-modal.tsx

@@ -218,6 +218,7 @@ export const CommonCreateModal = ({ onClose, createType }: Props) => {
                 formSchemas={credentialsSchema}
                 ref={credentialsFormRef}
                 labelClassName='system-sm-medium mb-2 block text-text-primary'
+                preventDefaultSubmit={true}
               />
             </div>
           )}