fix: multiselect clear button now properly clears the value (#2067)

Fixes #2045

frontend/src/components/input/Multiselect.vue

@@ -321,6 +321,13 @@ function handleFocus() {
 
 function select(object: T | null) {
 	if (object === null) {
+		// Handle clearing the value
+		if (!props.multiple) {
+			internalValue.value = null
+			query.value = ''
+			emit('update:modelValue', null)
+			closeSearchResults()
+		}
 		return
 	}
 

frontend/src/components/tasks/partials/ProjectSearch.vue

@@ -6,7 +6,7 @@
 		label="title"
 		:select-placeholder="$t('project.searchSelect')"
 		:model-value="project"
-		@update:modelValue="Object.assign(project, $event)"
+		@update:modelValue="(val) => val === null ? select(null) : Object.assign(project, val)"
 		@select="select"
 		@search="findProjects"
 	>

frontend/src/views/user/settings/General.vue

@@ -546,12 +546,16 @@ function useAvailableTimezones(settingsRef: Ref<IUserSettings>) {
 	}
 	
 	const timezoneObject = computed({
-		get: () => ({ 
-			value: settingsRef.value.timezone, 
-			label: settingsRef.value.timezone?.replace(/_/g, ' '), 
+		get: () => ({
+			value: settingsRef.value.timezone,
+			label: settingsRef.value.timezone?.replace(/_/g, ' '),
 		}),
 		set: (obj) => {
-			if (obj && typeof obj === 'object' && 'value' in obj) {
+			if (obj === null) {
+				settingsRef.value.timezone = ''
+				return
+			}
+			if (typeof obj === 'object' && 'value' in obj) {
 				settingsRef.value.timezone = obj.value
 			}
 		},