Automatic focus/scroll on event pages β accessibility and UX concern
Hi everyone,
I noticed an issue with booking forms e.g. one-off events that may be worth discussing.
When I embed a one-off event on a landing page and open that page, FluentBooking automatically focuses the first field in the event block (the name field). As a result, the browser immediately scrolls past all of the important event information and jumps straight to the form at the bottom of the page.
This feels quite disruptive from a visitorβs perspective: People miss the event details, description, date, etc., and are dropped directly into the registration form!
I also believe this is problematic from an accessibility point of view. Automatically moving focus on page load can be confusing, especially for keyboard and screen-reader users. In general, users should be able to start at the top of the page and decide themselves when to interact with a form.
Has anyone else experienced this?
I'm not aware of any setting that prevent this behaviour. I tried vibe-coding a JS solution, but it adds unnecessary bloat to the page. Ideally, there should be a lightweight option to disable automatic focus entirely, not only for one-off events but for all booking and registration forms.
I hope the FluentBooking DEVs can priotize a solution for this issue.
Cheers, Sascha
Sascha LeemΒ Noted. Thanks for reporting!
I have rebuild the script to solve this issue and it's working fine now. Everyone who needs a quick solution, feel free to use it for free. Link to the script (GitHub)