Forminator Datepicker in popupmaker off screen

  • Resolved conradbf

    (@conradbf)


    1 year, 10 months ago

    Hi,

    i have a forminator form that works perfectly on the page but the date picker does not show in a popupmaker popup. I’ve tried the usual z-index advice but it doesn’t help. The issue is actually the “top” being set very high so the date picker is off the bottom of the screen rather than attached to the text input.

    Any ideas?

    Thanks!

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

    (@wpmudevsupport12)

    Hi @conradbf

    Sorry to hear you are having this issue.

    Unfortunately it is a bug and we reported to our developers, could you try using this code:

    <?php

add_action( 'wp_footer', 'wpmudev_hustle_popup_datepicker_fix', 9999 );
function wpmudev_hustle_popup_datepicker_fix() {
    ?>
    <script type="text/javascript">
    jQuery(document).ready(function($){
        $(document).on('hustle:module:afterPopupLoad', function(e, el){
            $(el).on('scroll', function () {
                var inp = $(this).find('input.hasDatepicker');
                $('#ui-datepicker-div').css('position', 'absolute');
                $('#ui-datepicker-div').css('top', inp.offset().top + inp.outerHeight());
            });
        });
    });
    </script>
    <?php
}

    You can use it as a mu-plugin https://wpmudev.com/docs/using-wordpress/installing-wordpress-plugins/#installing-mu-plugins and then use the WPMU DEV Hustle PopUp instead? https://www.ads-software.com/plugins/wordpress-popup/

    Let us know the result you got.
    Best Regards
    Patrick Freitas

    Plugin Support Amin – WPMU DEV Support

    (@wpmudev-support2)

    Hello @conradbf ,

    We haven’t heard from you for some time now, so it looks like you don’t require our further assistance.

    Feel free to re-open this ticket if needed.

    Kind regards
    Kasia

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Forminator Datepicker in popupmaker off screen’ is closed to new replies.