fix(public-booking): enhance focus behavior for customer name input on slot selection

2026-06-08 16:47:13 -03:00
parent ef2ded9d64
commit 72f273354e
1 changed files with 5 additions and 1 deletions
--- a/apps/frontend/src/features/public-booking/public-booking-page.tsx
+++ b/apps/frontend/src/features/public-booking/public-booking-page.tsx
@@ -1174,7 +1174,11 @@ function SelectedSlotCard(props: BookingShellProps & { compact?: boolean }) {
  useEffect(() => {
    if (!selectedSlot) return;

-    customerNameInputRef.current?.focus();
+    const input = customerNameInputRef.current;
+    if (!input) return;
+
+    input.focus();
+    input.scrollIntoView({ behavior: 'smooth', block: 'center' });
  }, [selectedSlot]);

  return (