Added focusOnError option to validateForm

Author: ciscoheat

CHANGELOG.md

@@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Added
 
 - [VineJS](https://vinejs.dev/) adapter!
+- Added `focusOnError` option to `validateForm`, default `true`.
 
 ### Fixed
 

src/lib/client/superForm.ts

@@ -736,8 +736,6 @@ export function superForm<
 			}
 		}
 
-		let addedError = false;
-
 		traversePaths(errors, (error) => {
 			if (!Array.isArray(error.value)) return;
 
@@ -748,7 +746,6 @@ export function superForm<
 
 			function addError() {
 				//console.log('Adding error', `[${error.path.join('.')}]`, error.value); //debug
-				addedError = true;
 				setPaths(output, [error.path], error.value);
 
 				if (options.customValidity && isEventError && validity.has(joinedPath)) {
@@ -821,13 +818,6 @@ export function superForm<
 		});
 
 		Errors.set(output as ValidationErrors<T>);
-
-		if (addedError && EnhancedForm) {
-			// Focus on first error field
-			setTimeout(() => {
-				if (EnhancedForm) scrollToFirstError(EnhancedForm, options);
-			}, 1);
-		}
 	}
 
 	function Form_set(data: T, options: FormDataOptions = {}) {
@@ -1366,7 +1356,11 @@ export function superForm<
 		},
 
 		async validateForm<P extends Partial<T> = T>(
-			opts: { update?: boolean; schema?: ValidationAdapter<P> } = {}
+			opts: {
+				update?: boolean;
+				schema?: ValidationAdapter<P>;
+				focusOnError?: boolean;
+			} = {}
 		): Promise<SuperFormValidated<T, M, In>> {
 			if (!options.validators && !opts.schema) {
 				throw new SuperFormError(
@@ -1378,6 +1372,17 @@ export function superForm<
 				? await Form_clientValidation({ paths: [] }, true, opts.schema)
 				: Form_validate({ adapter: opts.schema });
 
+			if (opts.update && EnhancedForm) {
+				// Focus on first error field
+				setTimeout(() => {
+					if (EnhancedForm)
+						scrollToFirstError(EnhancedForm, {
+							...options,
+							scrollToError: opts.focusOnError === false ? 'off' : options.scrollToError
+						});
+				}, 1);
+			}
+
 			return result || Form_validate({ adapter: opts.schema });
 		},