From 64ec450187229b248aaf86831e0a8c8bb2cf341a Mon Sep 17 00:00:00 2001
From: Aanchal Mishra <87779967+aanchalm01@users.noreply.github.com>
Date: Mon, 23 Oct 2023 10:35:22 -0400
Subject: [PATCH] fix(kselect): filter input [khcp-9483] (#1784)

* fix(kselect): filter input

* fix(kselect): icon click
---
 src/components/KSelect/KSelect.vue | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/components/KSelect/KSelect.vue b/src/components/KSelect/KSelect.vue
index f74c608519..0f3acb7ffd 100644
--- 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;