From 70dd1883a8225881341e518a560454bfb0cb0dbe Mon Sep 17 00:00:00 2001
From: Christopher Ng <chrng8@gmail.com>
Date: Mon, 8 May 2023 17:52:11 -0700
Subject: [PATCH] fix(NcSelect): Action input usage

Signed-off-by: Christopher Ng <chrng8@gmail.com>
---
 src/components/NcActionInput/NcActionInput.vue |  2 +-
 src/components/NcSelect/NcSelect.vue           | 16 ++++++++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/components/NcActionInput/NcActionInput.vue b/src/components/NcActionInput/NcActionInput.vue
index 238fd6a1f9..a900effefd 100644
--- a/src/components/NcActionInput/NcActionInput.vue
+++ b/src/components/NcActionInput/NcActionInput.vue
@@ -181,7 +181,7 @@ For the multiselect component, all events will be passed through. Please see the
 					:placeholder="text"
 					:disabled="disabled"
 					:append-to-body="false"
-					:class="{ focusable: isFocusable }"
+					:input-class="{ focusable: isFocusable }"
 					class="action-input__multi"
 					v-bind="$attrs"
 					v-on="$listeners" />
diff --git a/src/components/NcSelect/NcSelect.vue b/src/components/NcSelect/NcSelect.vue
index 22fcb83d5f..7c530290fd 100644
--- a/src/components/NcSelect/NcSelect.vue
+++ b/src/components/NcSelect/NcSelect.vue
@@ -483,6 +483,11 @@ export default {
 		v-bind="propsToForward"
 		v-on="$listeners"
 		@search="searchString => search = searchString">
+		<template #search="{ attributes, events }">
+			<input :class="['vs__search', inputClass]"
+				v-bind="attributes"
+				v-on="events">
+		</template>
 		<template #open-indicator="{ attributes }">
 			<ChevronDown v-bind="attributes"
 				fill-color="var(--vs-controls-color)"
@@ -655,6 +660,16 @@ export default {
 			default: null,
 		},
 
+		/**
+		 * Class for the `input`
+		 *
+		 * Necessary for use in NcActionInput
+		 */
+		inputClass: {
+			type: [String, Object],
+			default: null,
+		},
+
 		/**
 		 * Input element id
 		 *
@@ -887,6 +902,7 @@ export default {
 		propsToForward() {
 			const {
 				// Props handled by this component
+				inputClass,
 				noWrap,
 				placement,
 				userSelect,