Updated onInputKeyDown() on InputNumber.vue. so that it works as expe…

…cted when the input value is selected.
primefaces · Nov 23, 2024 · 146af0f · 146af0f
1 parent bd71612
commit 146af0f
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/packages/primevue/src/inputnumber/InputNumber.vue b/packages/primevue/src/inputnumber/InputNumber.vue
@@ -385,6 +385,7 @@ export default {
 
             let selectionStart = event.target.selectionStart;
             let selectionEnd = event.target.selectionEnd;
+            let selectionRange = selectionEnd - selectionStart;
             let inputValue = event.target.value;
             let newValueStr = null;
             const code = event.code || event.key;
@@ -401,14 +402,20 @@ export default {
                     break;
 
                 case 'ArrowLeft':
-                    if (!this.isNumeralChar(inputValue.charAt(selectionStart - 1))) {
+                    if (selectionRange > 1) {
+                        const cursorPosition = this.isNumeralChar(inputValue.charAt(selectionStart)) ? selectionStart + 1 : selectionStart + 2;
+                        this.$refs.input.$el.setSelectionRange(cursorPosition, cursorPosition);
+                    } else if (!this.isNumeralChar(inputValue.charAt(selectionStart - 1))) {
                         event.preventDefault();
                     }
 
                     break;
 
                 case 'ArrowRight':
-                    if (!this.isNumeralChar(inputValue.charAt(selectionStart))) {
+                    if (selectionRange > 1) {
+                        const cursorPosition = selectionEnd - 1;
+                        this.$refs.input.$el.setSelectionRange(cursorPosition, cursorPosition);
+                    } else if (!this.isNumeralChar(inputValue.charAt(selectionStart))) {
                         event.preventDefault();
                     }