fix(kselect): filter input [khcp-9483] (#1784)

* fix(kselect): filter input * fix(kselect): icon click
Kong · Oct 23, 2023 · 64ec450 · 64ec450
1 parent 7f15e7e
commit 64ec450
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/components/KSelect/KSelect.vue b/src/components/KSelect/KSelect.vue
@@ -138,6 +138,7 @@
               :color="`var(--grey-500, ${KUI_COLOR_TEXT_NEUTRAL})`"
               icon="chevronDown"
               :size="KUI_ICON_SIZE_30"
+              @click.prevent="onInputFocus"
             />
             <KInput
               :id="selectTextId"
@@ -148,6 +149,7 @@
               :class="{
                 'no-filter': !filterIsEnabled,
                 'input-placeholder-dark has-chevron': appearance === 'select',
+                'no-typing': appearance === 'select' && !autosuggest,
                 'input-placeholder-transparent': hasCustomSelectedItem && (!filterIsEnabled || !isToggled.value),
                 'has-clear': isClearVisible,
                 'is-readonly': ($attrs.readonly !== undefined && String($attrs.readonly) !== 'false'),
@@ -859,6 +861,13 @@ $iconSize: var(--kui-icon-size-30, $kui-icon-size-30);
     position: relative;
     width: 100%;
 
+    &.has-chevron.no-typing {
+      .k-input {
+        caret-color: transparent;
+        cursor: pointer;
+      }
+    }
+
     &.is-readonly {
       @include input-readonly;
       box-shadow: none !important;