How to stop background body from scrolling when clicking on buttons

  • Resolved hallonfoster

    (@hallonfoster)


    3 years, 3 months ago

    Hi,

    I really like Forminator and it fulfills everything I need. However there’s one annoying thing that, for me, makes is useless so hopefully someone can help me through some css.
    I spent a few good hours reading online but none of the “solutions” worked for me.

    I use my quiz on a divi popup. However, every time I click a forminator button (i.e. previous, next, submit) the background body scrolls. After my 9 questions that means that the user in on a completely different place on my site at the time the quiz is done.

    Is there any way to fix this? I’ve tried this setup with divi popup with 5-6 other quiz plugins and they work (however the graphic profile of forminator suits me much better) so I guess it’s something with forminator.

    The start the forminator quiz, please goto spelberoende.se, click on the white button in the header and then on “till Testet” in the third column.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    Hi @hallonfoster

    I hope you are doing well.

    I checked the issue and must say it isn’t an expected behaviour, it seems there is a JS conflict causing the body to scroll on click.

    The correct fix is contacting the Divi support to verify why it is happening or run a full plugin conflict test following this workflow to confirm no other plugin is causing the problem:

    https://wpmudev.com/wp-content/uploads/2015/09/Support-Process-Support-Process.gif

    Remember to take a full backup first.

    Another workaround is forcing the user to return the beginning of the page using this custom CSS:

    body.home.da-popup-visible.da-overlay-visible {
 position: fixed; 
}

    You can add the CSS in WordPress > Appearance > Customise > Additional CSS

    This will prevent the scroll while PopUp is visible but it will stay on the top of the page.

    Best Regards
    Patrick Freitas

    Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    Hi @hallonfoster

    I hope you are doing well and safe!

    We haven’t heard from you in a while, I’ll mark this thread as resolved.

    Feel free to let us know if you have any additional questions or problems.

    Best Regards
    Patrick Freitas

    Thread Starter hallonfoster

    (@hallonfoster)

    Hello again,

    Sorry for not responding butI’ve had a lot on my plate lately. Since this is only happening with QSM and no other quiz plugin (or any plugin) I’ve tried it seems logic that the issue is within qsm somewhere.

    The css you provided worked as you wrote, but going to the top is not a very user friendly solution.

    Plugin Support Williams – WPMU DEV Support

    (@wpmudev-support8)

    Hi @hallonfoster

    “QSM” is the “Quiz and Survey master” plugin, right?

    I admit I’m slightly confused now. You’ve started this thread about the issue happening with Forminator only while other plugins are fine but you now mentioned it’s “QSM only”. On your site I also see references to QSM (but not Forminator) in “till tested” popup but I can’t even run the quiz there (no option to start the test, just an information).

    We’ll be happy to assist you further but please note that we can only help with our plugins – that’d be Forminator in this case – and not really 3rd-party/other plugins. Is there a Forminator quiz (affected by the issue) somewhere else on site so we could check it again?

    Please advise.

    Kind regards,
    Adam

    Hi,

    Edit \wp-content\plugins\forminator\library\modules\polls\front\front-render.php
    Comment line 1122 =>
    //chartWrapper.focus();

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to stop background body from scrolling when clicking on buttons’ is closed to new replies.