WAIT: Checkbox in Bricks Builder Form Scrolls to Top When Clicked

Bugs
1

Hi everyone,

I’m experiencing an issue with a checkbox in a Bricks Builder form on my website Rudi Dräxler Immobilien – Unser Schulprojekt in Tansania. Whenever I click the checkbox, the page scrolls back to the top.

To temporarily work around the issue, I have replaced the checkbox with a radio button, which does not cause the same problem. However, I would prefer to use a checkbox if possible.

What I’ve tried so far:

  • Looked for any href="#" links that could cause a jump.
  • Inspected the JavaScript console for any errors or unexpected behavior.
  • Tested with different checkboxes and new form elements, but the issue persists.
  • Disabled scroll-behavior: smooth; in CSS to see if that was causing the problem.

Setup Details:

  • Advanced Custom Fields PRO (6.3.12)*
  • Automatic.css (3.3.4)*
  • FluentSMTP (2.2.90)*
  • Frames (1.5.5)*
  • HappyFiles Pro (1.8.3)*
  • Imagify (2.2.5)*
  • UpdraftPlus - Backup/Restore (2.25.2.26)*
  • WP Fastest Cache*

Has anyone encountered this issue before? Is there a setting in Bricks that might be causing this auto-scroll behavior?

Browser: Chrome 110
OS: macOS
URL: (Rudi Dräxler Immobilien – Unser Schulprojekt in Tansania)

2

It is hard to check when you have the radio button, can you add the checkbox back so I can have a look?

I did a test on my end and cannot reproduce the issue …

Cheers

3

Hi Philipp,
Thanks so much for your report!

I assume it’s somehow related to the ACSS/Frames checkbox styles. The “custom checkbox” is positioned absolutely, but there’s no relative wrapper other than the body. Add position relative and the issue should be fixed. Overall, it’s not a Bricks bug.

.fr-contact-card-alpha__form {
  position: relative;
}

Best regards,
timmse

1 Like