diff --git a/src/sections/finance/components/finance-quick-transfer.tsx b/src/sections/finance/components/finance-quick-transfer.tsx index fd4949c8..2edc85e4 100644 --- a/src/sections/finance/components/finance-quick-transfer.tsx +++ b/src/sections/finance/components/finance-quick-transfer.tsx @@ -105,6 +105,7 @@ export default function FinanceQuickTransfer({ centerMode: true, swipeToSlide: true, infinite: true, + focusOnSelect: true, centerPadding: '0px', rows: 1, slidesToShow: list?.length > 7 ? 7 : (list?.length ?? 1), @@ -199,6 +200,12 @@ export default function FinanceQuickTransfer({ // Handle changes in the input for the amount const handleChangeInput = useCallback((event: React.ChangeEvent) => { setAmount(Number(event.target.value)); + + // Send the focus back to the input field, this is a workaround for the slider carousel + setTimeout(() => { + event.target.focus(); + }, 25); + }, []); // Validate the amount on blur