Merge pull request #5183 from nocodb/fix/single-select

fix(nc-gui): single select issues

packages/nc-gui/components/cell/SingleSelect.vue

@@ -247,12 +247,12 @@ useEventListener(document, 'click', handleClose, true)
     <a-select
       ref="aselect"
       v-model:value="vModel"
-      class="w-full"
+      class="w-full overflow-hidden"
       :class="{ 'caret-transparent': !hasEditRoles }"
       :allow-clear="!column.rqd && editAllowed"
       :bordered="false"
-      :open="isOpen && (active || editable)"
-      :disabled="readOnly || !(active || editable)"
+      :open="isOpen && editAllowed"
+      :disabled="readOnly || !editAllowed"
       :show-arrow="hasEditRoles && !readOnly && (editable || (active && vModel === null))"
       :dropdown-class-name="`nc-dropdown-single-select-cell ${isOpen && (active || editable) ? 'active' : ''}`"
       :show-search="isOpen && (active || editable)"
@@ -328,6 +328,12 @@ useEventListener(document, 'click', handleClose, true)
   @apply !px-0;
 }
 
+:deep(.ant-select-selection-search) {
+  // following a-select with mode = multiple | tags
+  // initial width will block @mouseover in Grid.vue
+  @apply !w-[5px];
+}
+
 :deep(.ant-select-selection-search-input) {
   @apply !text-xs;
 }