From 9d818220df6e516476ada42baebb4b195427ffd4 Mon Sep 17 00:00:00 2001
From: Morris Swertz <m.a.swertz@rug.nl>
Date: Fri, 31 Jan 2025 14:36:35 +0100
Subject: [PATCH] fix: remove console log error because missing ref for
 RefInput (#4658)

fix: missing ref for RefInput

this allows the form to call the field validation
---
 apps/tailwind-components/components/form/FieldInput.vue | 1 +
 apps/tailwind-components/components/input/Ref.vue       | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/tailwind-components/components/form/FieldInput.vue b/apps/tailwind-components/components/form/FieldInput.vue
index 7572484435..587565765e 100644
--- a/apps/tailwind-components/components/form/FieldInput.vue
+++ b/apps/tailwind-components/components/form/FieldInput.vue
@@ -94,6 +94,7 @@ function validate(value: columnValue) {
   <LazyInputRef
     v-else-if="type === 'REF_ARRAY' || type === 'REF'"
     :id="id"
+    ref="input"
     :modelValue="data as columnValueObject | columnValueObject[]"
     :refSchemaId="refSchemaId as string"
     :refTableId="refTableId as string"
diff --git a/apps/tailwind-components/components/input/Ref.vue b/apps/tailwind-components/components/input/Ref.vue
index 9e12908ab2..1ed4383af0 100644
--- a/apps/tailwind-components/components/input/Ref.vue
+++ b/apps/tailwind-components/components/input/Ref.vue
@@ -47,7 +47,7 @@ const hasNoResults = ref<boolean>(true);
 defineExpose({ validate });
 
 function validate(value: columnValue) {
-  if (props.required && !modelValue.value) {
+  if (props.required && !value) {
     const errors = [
       { message: `${props.label || props.id} required to complete the form` },
     ];