Skip to main content

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

Raiyan Marzan

Sascha LeemΒ Noted. Thanks for reporting!

Sascha Leem

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)