Merge remote-tracking branch 'origin/app/refactor/finance' into next

WatchItDev · Jan 8, 2025 · 79aff28 · 79aff28
2 parents c46c117 + 5d418ad
commit 79aff28
Showing 1 changed file with 7 additions and 0 deletions.
diff --git 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<HTMLInputElement>) => {
     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