Michilis/Spanglish
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 4 Wiki Activity

Fix booking flow scroll position on mobile step changes.

Browse Source 
Scroll to the top whenever the booking step changes so users are not left at the bottom of the page after submitting the form.
This commit is contained in:
Michilis
2026-06-05 02:52:14 +00:00
parent 69768077e5
commit d09c87a5a5
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/app/(public)/book/[eventId]/page.tsx
View File

@@ -228,6 +228,12 @@ export default function BookingPage() {
} }
}, [agreedToTerms, termsError]); }, [agreedToTerms, termsError]);
// Scroll to top when moving between booking steps (esp. mobile, where
// the submit button sits at the bottom of a long form)
useEffect(() => {
window.scrollTo({ top: 0, behavior: 'smooth' });
}, [step]);
const formatDate = (dateStr: string) => formatDateLong(dateStr, locale as 'en' | 'es'); const formatDate = (dateStr: string) => formatDateLong(dateStr, locale as 'en' | 'es');
const fmtTime = (dateStr: string) => formatTime(dateStr, locale as 'en' | 'es'); const fmtTime = (dateStr: string) => formatTime(dateStr, locale as 'en' | 'es');