diff --git a/packages/standard-components/src/forms/Form.svelte b/packages/standard-components/src/forms/Form.svelte index 92002ed4a5..e51a31955e 100644 --- a/packages/standard-components/src/forms/Form.svelte +++ b/packages/standard-components/src/forms/Form.svelte @@ -35,7 +35,7 @@ // Form API contains functions to control the form const formApi = { - registerField: (field, defaultValue = undefined, fieldDisabled = false) => { + registerField: (field, defaultValue = null, fieldDisabled = false) => { if (!field) { return } diff --git a/packages/standard-components/src/forms/Picker.svelte b/packages/standard-components/src/forms/Picker.svelte index e633f7439e..894a070070 100644 --- a/packages/standard-components/src/forms/Picker.svelte +++ b/packages/standard-components/src/forms/Picker.svelte @@ -57,7 +57,7 @@ role="option" aria-selected="true" tabindex="0" - on:click={() => onSelectOption(undefined)}> + on:click={() => onSelectOption(null)}> {placeholderOption} { if (fieldSchema.relationshipType === "one-to-many") { - fieldApi.setValue([{ _id: id }]) + fieldApi.setValue(id ? [{ _id: id }] : []) } else { if ($fieldState.value.find(option => option?._id === id)) { const filtered = $fieldState.value.filter(option => option?._id !== id)