Fix primefaces#1866: InputNumber arrows keys don't work tabbing into …

…symbol field
melloware · Nov 11, 2022 · e50cf1b · e50cf1b
1 parent 52131cf
commit e50cf1b
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/components/lib/inputnumber/InputNumber.js b/components/lib/inputnumber/InputNumber.js
@@ -928,6 +928,13 @@ export const InputNumber = React.memo(
         const onInputFocus = (event) => {
             setFocusedState(true);
             props.onFocus && props.onFocus(event);
+
+            if ((props.suffix || props.currency || props.prefix) && inputRef.current) {
+                // GitHub #1866 Cursor must be placed before/after symbol or arrow keys don't work
+                const selectionEnd = initCursor();
+
+                inputRef.current.setSelectionRange(selectionEnd, selectionEnd);
+            }
         };
 
         const onInputBlur = (event) => {