Focus total amount effect

actualbudget · Jan 3, 2024 · ec6a309 · ec6a309
1 parent c896b46
commit ec6a309
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/packages/desktop-client/src/components/transactions/MobileTransaction.jsx b/packages/desktop-client/src/components/transactions/MobileTransaction.jsx
@@ -476,15 +476,17 @@ const TransactionEditInner = memo(function TransactionEditInner({
 
   const onTotalAmountEdit = () => {
     onRequestActiveEdit?.(getFieldName(transaction.id, 'amount'), () => {
-      totalAmountRef.current?.focus();
       setTotalAmountFocused(true);
-      return () => {
-        totalAmountRef.current?.blur();
-        setTotalAmountFocused(false);
-      };
+      return () => setTotalAmountFocused(false);
     });
   };
 
+  useEffect(() => {
+    if (totalAmountFocused) {
+      totalAmountRef.current?.focus();
+    }
+  }, [totalAmountFocused]);
+
   useEffect(() => {
     if (adding) {
       onTotalAmountEdit();