fix(NcSelect): Action input usage

Signed-off-by: Christopher Ng <chrng8@gmail.com>

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" />

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,