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
molgenis · Jan 31, 2025 · 9d81822 · 9d81822
1 parent 955c11e
commit 9d81822
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git 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
@@ -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` },
     ];