Focus input on negative/positive

actualbudget · Sep 7, 2023 · 3b76c9f · 3b76c9f
1 parent 8717eec
commit 3b76c9f
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/desktop-client/src/components/util/AmountInput.js b/packages/desktop-client/src/components/util/AmountInput.js
@@ -5,6 +5,7 @@ import {
   integerToCurrency,
 } from 'loot-core/src/shared/util';
 
+import { useMergedRefs } from '../../hooks/useMergedRefs';
 import Add from '../../icons/v1/Add';
 import Subtract from '../../icons/v1/Subtract';
 import Button from '../common/Button';
@@ -23,8 +24,11 @@ export function AmountInput({
   let [negative, setNegative] = useState(initialValue <= 0);
   let initialValueAbsolute = integerToCurrency(Math.abs(initialValue || 0));
   let [value, setValue] = useState(initialValueAbsolute);
+  let ref = useRef();
+  let mergedRef = useMergedRefs(inputRef, ref);
 
   function onSwitch() {
+    ref.current?.focus();
     setNegative(!negative);
     fireChange(value, !negative);
   }
@@ -51,7 +55,7 @@ export function AmountInput({
   return (
     <InputWithContent
       id={id}
-      inputRef={inputRef}
+      inputRef={mergedRef}
       inputMode="decimal"
       leftContent={
         <Button type="bare" style={{ padding: '0 7px' }} onClick={onSwitch}>