From 2c47610d68080293744750cc805d6b62b8c946c2 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Wed, 22 Feb 2023 13:39:51 +0800
Subject: [PATCH] fix(nc-gui): single select issues

---
 packages/nc-gui/components/cell/SingleSelect.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/cell/SingleSelect.vue b/packages/nc-gui/components/cell/SingleSelect.vue
index 3bf447a7c6..0f02c920a5 100644
--- a/packages/nc-gui/components/cell/SingleSelect.vue
+++ b/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;
 }