From bfa3828b54a4c26d27c34f7e0b530c5e325f00ae Mon Sep 17 00:00:00 2001
From: Trevor Farlow <trevdor@users.noreply.github.com>
Date: Fri, 3 Feb 2023 11:09:34 -0700
Subject: [PATCH] Schedule Editor: Keep payee list open while toggling transfer
payees focus (#355)
* Schedule Editor: Keep payee list open while toggling transfer payees focus
This makes the schedule editor match the behavior of the PayeeAutocomplete in TransactionsTable
* Move fix to PayeeAutocomplete
---
packages/loot-design/src/components/PayeeAutocomplete.js | 5 +++++
1 file changed, 5 insertions(+)
diff --git a/packages/loot-design/src/components/PayeeAutocomplete.js b/packages/loot-design/src/components/PayeeAutocomplete.js
index c0bc4e630..209355903 100644
--- a/packages/loot-design/src/components/PayeeAutocomplete.js
+++ b/packages/loot-design/src/components/PayeeAutocomplete.js
@@ -217,6 +217,8 @@ export default function PayeeAutocomplete({
}
}
+ const [payeeFieldFocused, setPayeeFieldFocused] = useState(false);
+
return (
<Autocomplete
key={focusTransferPayees ? 'transfers' : 'all'}
@@ -233,8 +235,11 @@ export default function PayeeAutocomplete({
}
return item.name;
}}
+ focused={payeeFieldFocused}
inputProps={{
...inputProps,
+ onBlur: () => setPayeeFieldFocused(false),
+ onFocus: () => setPayeeFieldFocused(true),
onChange: text => (rawPayee.current = text)
}}
onUpdate={value => onUpdate && onUpdate(makeNew(value, rawPayee))}
--
GitLab