pkp/pkp-lib#9996 Remove error for input that gets hidden

src/components/Form/Form.vue

@@ -74,6 +74,9 @@ export default {
 		FormLocales,
 		FormPage,
 	},
+	provide() {
+		return {removeError: this.removeError};
+	},
 	props: {
 		/** Used by a parent component, such as `Container`, to identify events emitted from the form and update the form props when necessary. */
 		id: String,

src/components/Form/fields/FieldBase.vue

@@ -14,6 +14,7 @@ export default {
 		Tooltip,
 		MultilingualProgress,
 	},
+	inject: ['removeError'],
 	props: {
 		/** The key for this field. Used in the `name` attribute of `<input>`, `<textarea>`, `<select>` and other fields. The form will submit the value for this field under this name, so it must match an accepted value of the API endpoint. */
 		name: String,
@@ -255,6 +256,9 @@ export default {
 			});
 		},
 	},
+	beforeUnmount() {
+		this.removeError(this.name, this.localeKey);
+	},
 	methods: {
 		/**
 		 * Helper function to compile unique IDs for labels and aria-describedby