From fc1851685ddb1703ed3d1ecc22568836391d695d Mon Sep 17 00:00:00 2001
From: dartcafe <github@dartcafe.de>
Date: Mon, 3 Oct 2022 18:00:08 +0200
Subject: [PATCH] Support inputmode for input fields

Signed-off-by: dartcafe <github@dartcafe.de>
---
 src/components/NcActionInput/NcActionInput.vue | 11 +++++++++++
 src/components/NcInputField/NcInputField.vue   | 12 ++++++++++++
 2 files changed, 23 insertions(+)

diff --git a/src/components/NcActionInput/NcActionInput.vue b/src/components/NcActionInput/NcActionInput.vue
index d57cb99ed4..ddcbc90e7d 100644
--- a/src/components/NcActionInput/NcActionInput.vue
+++ b/src/components/NcActionInput/NcActionInput.vue
@@ -87,6 +87,7 @@ For the multiselect component, all events will be passed through. Please see the
 					<input :id="id" type="submit" class="action-input__submit">
 
 					<input :type="type"
+						:inputmode="inputmode"
 						:value="value"
 						:placeholder="text"
 						:disabled="disabled"
@@ -144,6 +145,16 @@ export default {
 			type: String,
 			default: '',
 		},
+		/**
+		 * inputmode attribute of the input field
+		 */
+		inputmode: {
+			type: String,
+			default: 'text',
+			validator(value) {
+				return ['text', 'none', 'numeric', 'email', 'url'].includes(value)
+			},
+		},
 		/**
 		 * type attribute of the input field
 		 */
diff --git a/src/components/NcInputField/NcInputField.vue b/src/components/NcInputField/NcInputField.vue
index c2df2a252d..9e0b6043e0 100644
--- a/src/components/NcInputField/NcInputField.vue
+++ b/src/components/NcInputField/NcInputField.vue
@@ -33,6 +33,7 @@
 				ref="input"
 				class="input-field__input"
 				:type="type"
+				:inputmode="inputmode"
 				:disabled="disabled"
 				:placeholder="computedPlaceholder"
 				:aria-describedby="helperText.length > 0 ? `${inputName}-helper-text` : ''"
@@ -115,6 +116,17 @@ export default {
 			required: true,
 		},
 
+		/**
+		 * inputmode attribute of the input field
+		 */
+		inputmode: {
+			type: String,
+			default: 'text',
+			validator(value) {
+				return ['text', 'none', 'numeric', 'email', 'url'].includes(value)
+			},
+		},
+
 		/**
 		 * The input element type
 		 */