From de2251265554f62b831da5735f6bedf2c7f8040c Mon Sep 17 00:00:00 2001
From: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com>
Date: Tue, 27 Feb 2024 12:39:21 +0000
Subject: [PATCH] fix(nc-gui): add clear option for single select user field
 list type

---
 packages/nc-gui/components/cell/User.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/cell/User.vue b/packages/nc-gui/components/cell/User.vue
index aeb6e6acea..be4304cbe2 100644
--- a/packages/nc-gui/components/cell/User.vue
+++ b/packages/nc-gui/components/cell/User.vue
@@ -193,7 +193,7 @@ const vModel = computed({
 })
 
 const vModelListLayout = computed(() => {
-  if (isMultiple) {
+  if (isMultiple.value) {
     return (vModel.value || []).map((item) => item.value)
   } else {
     return (vModel.value || [])?.[0]?.value || ''
@@ -323,11 +323,10 @@ const filterOption = (input: string, option: any) => {
     <div v-if="!isEditColumn && isForm && parseProp(column.meta)?.isList" class="w-full max-w-full">
       <component
         :is="isMultiple ? CheckboxGroup : RadioGroup"
-        :model-value:value="vModelListLayout"
+        v-model:value="vModelListLayout"
         class="nc-field-layout-list"
         @update:value="
           (value) => {
-            // Todo: fix update single select user issue
             vModel = isMultiple ? value : [value]
           }
         "
@@ -379,6 +378,9 @@ const filterOption = (input: string, option: any) => {
           </component>
         </template>
       </component>
+      <div v-if="!isMultiple && vModel.length" class="inline-block px-2 pt-2 cursor-pointer text-xs" @click="vModel = []">
+        {{ $t('labels.clearSelection') }}
+      </div>
     </div>
     <template v-else>
       <div