From 9387df8dd3c1d0b5e4de605ec30339d688dceb76 Mon Sep 17 00:00:00 2001
From: baldo <baldo@toppoint.de>
Date: Thu, 1 Sep 2022 14:05:54 +0200
Subject: [PATCH] Re-validate form inputs when model is changed from outside.

* This fixes the issue of the coordinates input still being displayed as
  invalid after pickig coordinates from the map.
---
 frontend/src/components/form/ValidationFormInput.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/form/ValidationFormInput.vue b/frontend/src/components/form/ValidationFormInput.vue
index b772d3e..893917d 100644
--- a/frontend/src/components/form/ValidationFormInput.vue
+++ b/frontend/src/components/form/ValidationFormInput.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, getCurrentInstance, onMounted, ref } from "vue";
+import { computed, getCurrentInstance, onMounted, ref, watch } from "vue";
 import { type Constraint, forConstraint } from "@/shared/validation/validator";
 import ExpandableHelpBox from "@/components/ExpandableHelpBox.vue";
 
@@ -39,6 +39,10 @@ const hasResetIcon = computed(
     () => !!(props.modelValue && props.resetIconTitle)
 );
 
+watch(props, () => {
+    onValueChange();
+});
+
 function registerValidationComponent() {
     const instance = getCurrentInstance();
     let parent = instance?.parent;
@@ -64,6 +68,12 @@ function withInputElement(callback: (element: HTMLInputElement) => void): void {
     callback(element);
 }
 
+function onValueChange() {
+    if (validated.value) {
+        validate();
+    }
+}
+
 function onInput() {
     if (validated.value) {
         validate();