fix(gui): focus title field only if there is no active element

Signed-off-by: Pranav C <pranavxc@gmail.com>

packages/nc-gui/components/smartsheet/column/EditOrAdd.vue

@@ -91,8 +91,11 @@ watchEffect(() => {
   if (antInput.value && formState.value) {
     // todo: replace setTimeout
     setTimeout(() => {
+      // focus and select input only if active element is not an input or textarea
+      if (document.activeElement === document.body || document.activeElement === null) {
         antInput.value?.focus()
         antInput.value?.select()
+      }
     }, 300)
   }
   advancedOptions.value = false
@@ -145,7 +148,8 @@ onMounted(() => {
             dropdown-class-name="nc-dropdown-column-type"
             @change="onUidtOrIdTypeChange"
           >
-            <a-select-option v-for="opt of uiTypesOptions" :key="opt.name" :value="opt.name" v-bind="validateInfos.uidt">
+            <a-select-option v-for="opt of uiTypesOptions" :key="opt.name" :value="opt.name"
+                             v-bind="validateInfos.uidt">
               <div class="flex gap-1 items-center">
                 <component :is="opt.icon" class="text-grey" />
                 {{ opt.name }}
@@ -159,9 +163,11 @@ onMounted(() => {
         <LazySmartsheetColumnDurationOptions v-if="formState.uidt === UITypes.Duration" v-model:value="formState" />
         <LazySmartsheetColumnRatingOptions v-if="formState.uidt === UITypes.Rating" v-model:value="formState" />
         <LazySmartsheetColumnCheckboxOptions v-if="formState.uidt === UITypes.Checkbox" v-model:value="formState" />
-        <LazySmartsheetColumnLookupOptions v-if="!isEdit && formState.uidt === UITypes.Lookup" v-model:value="formState" />
+        <LazySmartsheetColumnLookupOptions v-if="!isEdit && formState.uidt === UITypes.Lookup"
+                                           v-model:value="formState" />
         <LazySmartsheetColumnDateOptions v-if="formState.uidt === UITypes.Date" v-model:value="formState" />
-        <LazySmartsheetColumnRollupOptions v-if="!isEdit && formState.uidt === UITypes.Rollup" v-model:value="formState" />
+        <LazySmartsheetColumnRollupOptions v-if="!isEdit && formState.uidt === UITypes.Rollup"
+                                           v-model:value="formState" />
         <LazySmartsheetColumnLinkedToAnotherRecordOptions
           v-if="!isEdit && formState.uidt === UITypes.LinkToAnotherRecord"
           v-model:value="formState"