Radio button causes page jump to top gravity forms [RESOLVED]

when I click on a radio button or check box, my cursor goes back to the top of the form.

https://exchangecluboffontana.org/fontana-days/booth-registration/#booth

any ideas?

This can happen when themes/plugins re-style radio and checkbox inputs. The actual input element is often given hidden visibility and positioned absolutely so that it doesn’t interfere with the layout when any ::before and ::after pseudo-elements are used. If the parent element isn’t positioned relatively, then the actual input can get placed at the start of the form wrapper instead.

Adding the following rule should resolve this:

body .gform_wrapper .gform_body .gform_fields .gfield .gchoice {
    position: relative;
}
2 Likes

thank you… works perfectly

2 Likes