diff --git a/packages/desktop-client/src/components/accounts/TransactionsTable.js b/packages/desktop-client/src/components/accounts/TransactionsTable.js index bfb28bc78332e22c963adef47270ca0739e4e739..fc334eac785dd8677eeb49a00aaae49ce57edf90 100644 --- a/packages/desktop-client/src/components/accounts/TransactionsTable.js +++ b/packages/desktop-client/src/components/accounts/TransactionsTable.js @@ -387,7 +387,6 @@ function PayeeCell({ transaction, payee, transferAcct, - importedPayee, isPreview, onEdit, onUpdate, @@ -403,7 +402,7 @@ function PayeeCell({ name="payee" value={payeeId} valueStyle={[valueStyle, inherited && { color: colors.n8 }]} - formatter={value => getPayeePretty(transaction, payee, transferAcct)} + formatter={() => getPayeePretty(transaction, payee, transferAcct)} exposed={focused} onExpose={!isPreview && (name => onEdit(id, name))} onUpdate={async value => { @@ -448,6 +447,7 @@ function PayeeCell({ onSelect={onSave} onManagePayees={() => onManagePayees(payeeId)} isCreatable + menuPortalTarget={undefined} /> </> ); @@ -776,6 +776,7 @@ export const Transaction = React.memo(function Transaction(props) { inputProps={{ onBlur, onKeyDown, style: inputStyle }} onUpdate={onUpdate} onSelect={onSave} + menuPortalTarget={undefined} /> )} </CustomCell> @@ -985,6 +986,7 @@ export const Transaction = React.memo(function Transaction(props) { inputProps={{ onBlur, onKeyDown, style: inputStyle }} onUpdate={onUpdate} onSelect={onSave} + menuPortalTarget={undefined} /> )} </CustomCell> diff --git a/packages/desktop-client/src/components/autocomplete/autocomplete-styles.js b/packages/desktop-client/src/components/autocomplete/autocomplete-styles.js index 742b08b39988b9edfbea8567db60226f5eccecc8..858f0e5cd39f6af54772f6ba919cbe547453354c 100644 --- a/packages/desktop-client/src/components/autocomplete/autocomplete-styles.js +++ b/packages/desktop-client/src/components/autocomplete/autocomplete-styles.js @@ -25,6 +25,7 @@ const colourStyles = { }), menu: (styles, { selectProps }) => ({ ...styles, + minWidth: 200, backgroundColor: colors.n1, marginTop: 2, marginBottom: 2, diff --git a/upcoming-release-notes/839.md b/upcoming-release-notes/839.md new file mode 100644 index 0000000000000000000000000000000000000000..a78a62346bac459ae6125303c289c242ecdc8968 --- /dev/null +++ b/upcoming-release-notes/839.md @@ -0,0 +1,6 @@ +--- +category: Bugfix +authors: [MatissJanis] +--- + +Autocomplete: remove portalization from usage in transaction table in order to improve the UX