Dropdowns not working

Hi @jon25b,

I hope you are doing well today!

You can use our Hustle plugin for popups, slide-ins, embeds and more.
https://ww.wp.xz.cn/plugins/wordpress-popup/
https://wpmudev.com/docs/wpmu-dev-plugins/hustle/#creating-modules-popups-slide-ins-embeds

Kind regards,
Zafer

Hello @jon25b !

Sorry to hear you’re still experiencing this issue!

I wanted to check the site, however it’s currently in maintenance mode and I wasn’t able to access it. Can you let us know when it becomes available or temporarily disable the maintenance mode so we can take a closer look?

Kind regards,
Pawel

Hi @jon25b

I couldn’t replicate the issue with Hustle and it shouldn’t be happening unless there’s something additional conflicting.

With Popup Maker plugin, however, I can see that drop-downs seem like they are not working. The issue, however, is how the plugin sets z-index CSS value for popups. It’s customizable in plugin but another (I think may be better) solution is to simply add this code to the custom CSS of site

body.forminator-hustle-dropdown-fix .forminator-select.forminator-select-dropdown-container--open {
	z-index:19999999999!important;
}

Note please: this should be added to custom CSS option of your theme or via some custom CSS plugin and not to custom CSS of your popup or form. You may also need to clear all cache on site/server/in browser after adding it.

I just tested it with a basic form (with drop-downs) and standard popup made with Popup Maker and it worked fine so give it a try, please.

Kind regards,
Adam

Hello @jon25b ,

We haven’t heard from you for some time now, so it looks like you don’t have any more questions for us.

Feel free to re-open this ticket if needed.

Kind regards
Kasia

Hi @jon25b,

I could notice anomalies with the popup maker plugin, I’ll make sure to bring that to our developer’s attention in order to give a closer look at what might be causing it. It seems to be related to a compatibility issue.

Regarding the Hustle popup where you are facing the issue, please check whether the following snippet helps:

<?php

add_action( 'wp_footer', function(){
    ?>
    <script type="text/javascript">
    jQuery( document ).ready(function($){
        let _hustle = ['.module_id_15', '.module_id_16', '.module_id_17']; //Please change module ID here
        jQuery.each(_hustle, function(index, item) {
			if ( $(item).length ) {
				var elems = $(item).find('#stripe-1 .forminator-stripe-element');
				if ( $( elems ).is( ':hidden' ) ) {
					jQuery.expr.pseudos.visible = function( elems ) {
						return true;
					};
				}
			}
		});
    });
    </script>
    <?php
}, 9999 );

Please make sure to edit the following section from the above code to your Hustle ID:
'.module_id_15', '.module_id_16', '.module_id_17'

ie suppose you have the form loaded on 3 Hustle popups with ID 32, 44, and 78 then the above line will change to:
'.module_id_32', '.module_id_44', '.module_id_78'

You can implement the above code as a mu-plugins. Please check this link on how to implement the above code as a mu-plugins:
https://wpmudev.com/docs/using-wordpress/installing-wordpress-plugins/#installing-mu-plugins

Kind Regards,
Nithin