From 195ec7cb663bd3f00faecff3911f7f70d9468b7d Mon Sep 17 00:00:00 2001 From: Aanchal Mishra Date: Fri, 20 Oct 2023 12:28:59 -0400 Subject: [PATCH 1/2] fix(kselect): filter input --- src/components/KSelect/KSelect.vue | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/components/KSelect/KSelect.vue b/src/components/KSelect/KSelect.vue index f74c608519..c7f9f56670 100644 --- a/src/components/KSelect/KSelect.vue +++ b/src/components/KSelect/KSelect.vue @@ -148,6 +148,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 +860,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; From e20a48e0583eb3185afa81a7c8275a1c9031c3d1 Mon Sep 17 00:00:00 2001 From: Aanchal Mishra Date: Fri, 20 Oct 2023 14:11:40 -0400 Subject: [PATCH 2/2] fix(kselect): icon click --- src/components/KSelect/KSelect.vue | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/KSelect/KSelect.vue b/src/components/KSelect/KSelect.vue index c7f9f56670..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" />