form height doesn’t adjust in Firefox

  • Fantasmo

    (@fantasmo)


    7 years, 8 months ago

    I’m using this with BeTheme.
    I want to show some form fields only when a dropdown item is chosen…this works BUT…
    The form of course gets higher with theses extra fields, and now the height of the content builders row doesn’t adjust (the form flows out into the next row below).
    Only if I turn Firefox’s HTML inspector on and of for a second it positions correctly (seems like this gives the layout the little extra push to adjust correctly), but this is of course not a good solution.

    Can anybody help? Can I add some custom css to fix this?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Jules Colle

    (@jules-colle)

    7 years, 8 months ago

    can you share the link? the height is probably set by javascript, so trying to override the height with css only will probably not work. You will need to catch the wpcf7cf_show_group and wpcf7cf_hide_group events and update update the fixed height container’s height to auto. Something like this:

    <script>
jQuery('[data-class="wpcf7cf_group"]').on('wpcf7cf_show_group wpcf7cf_hide_group',function() {
  jQuery('.container-class').css({'height':'auto'});
});
</script>

    Here’s a reference page: https://conditional-fields-cf7.bdwm.be/js-events/

    Thread Starter Fantasmo

    (@fantasmo)

    7 years, 8 months ago

    Hello,
    thank you very much for your reply.

    Should I write this INTO the form or to “additional setting”? I entered it in both but nothing happened.

    I believe this BeTheme-Muffinbuilder is also not that good 🙁

    (I mailed you the link to the page)

    Plugin Author Jules Colle

    (@jules-colle)

    7 years, 8 months ago

    You could add it in the page under the form shortcode. Make sure to be in Text mode and not in Visual or in any page builder.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘form height doesn’t adjust in Firefox’ is closed to new replies.