Gitches with Dropdown on Pro 6.0.2

[mjshelley]

Hey guys,

Is it safe to roll back to version 5? This is a complex live site, and it’s currently having issues.

The dropdown element position is broken on this version.

Matt

[tristup]

Hi Matt,

Thanks for reaching out.
I have checked the site in your Themeco Account but didn’t find the problem. Can you please share the exact URL so we can investigate it for further assistance? If you want to roll back to the previous version, you need to download the Previous version available in your Themeco Account. Or you can restore from the website backup if you have any. Or else you can contact your web hosting company if they have the backup file in the case.

Hope it helps.
Thanks

[mjshelley]

I’ve added a secure note above with the details of where to go.

[ruenel]

Hello @mjshelley,

I have logged in and I was able to see the issue in your site. Do you have a staging area that we can work on? If not, please update to Pro 6.0.3 because when I try to replicate your layout in my local testing server with Pro 6.0.3, the issue seems to be resolved.

Please you can make the role of the given WP user as an “Administrator” that would also be great so we can export your page as a template and import it to our local testing server to try with Pro 5.1.5 and Pro 6.0.3 thoroughly.

Best Regards.

[mjshelley]

No problem, I’ve upgraded to 6.0.3, but the problem persists - so I’ve updated you to “Administrator” so you can grab the template.

Notes on how I’m using it
There’s a jQuery library behind the scenes that sets the visibility of each dropdown depending on the array (social) set by the looper.

        var social = JSON.parse(atob(jQuery(this).data('social')));

        //Initially hide all drop downs.
        jQuery('.member_link').hide();

        //Reshow social media icons for this member
        social.forEach(function(btn){
            jQuery('#member_link_' + btn.icon).show();
            if (btn.status == 1) {
                jQuery('#bmd_unlocked_' + btn.icon).show();
                jQuery('#bmd_locked_' + btn.icon).hide();
                //Set username?
                jQuery('#bmd_username_' + btn.icon).html( btn.text );
                //Open
                var sl = mjs_slink(btn.icon, btn.text);
                if (sl.redirect == true) {
                    jQuery('#bmd_open_' + btn.icon).show();
                    jQuery('#bmd_open_' + btn.icon).prop('href', sl.url);
                } else {
                    jQuery('#bmd_open_' + btn.icon).hide();
                }
            } else {
                jQuery('#bmd_locked_' + btn.icon).show();
                jQuery('#bmd_unlocked_' + btn.icon).hide();
                jQuery('#mjs_locked_' + btn.icon).data('id', jQuery(this.button).data('id') );
                jQuery('#mjs_locked_' + btn.icon).data('name', jQuery(this.button).data('first_name') );
            }
        }.bind({
            button: this
        }));

After this is called, it opens the modal.

sm_toggle(true, 'member_modal', function(){});

window.sm_toggle = function(status, model_class, cb = '', bgclose = true) {
    setTimeout(function(){
        var id = jQuery('.' + model_class).attr('data-x-toggleable');
        var isModalOpen = window.xToggleGetState( id );
        if (status == true) {
          	window.sm_bg_close = bgclose;
            if (!isModalOpen) {
                window.xToggleUpdate( id, status );
            }
        } else {
            window.sm_bg_close = true;
            window.xToggleUpdate( id, status );
        }
        if (cb != "") cb();
    }, 100); 
} 

I hope this extra information helps

Thanks Ruenal

[mjshelley]

Hey, just a quick follow-up.

I toggled the member modal to allow body scroll.

Initially, the dropdowns were in the wrong position, but once you scroll the body, the dropdowns are shown correctly.

Maybe there’s a function I can call to trigger an update as a quick workaround?

[christian]

Hey MJ,

Just a little info about Pro 6.0.3. If you add a Dropdown element inside a Modal element is working. The Dropdown stays in place inside the Modal so there is no issue or bug with Pro 6.0.3.

The problem is your custom code. You need to change it to work with Pro 6.0.3. As to how to change it, we regretfully cannot provide support for that. We can only provide customization guidance in our One service.

If you’re interested with the workaround code, please sign up to our One service. We cannot provide it here because it would be unfair to other customers.

Thanks.

[mjshelley]

Fair enough

I’ve added One to my profile. Can you please assist me in getting this to work?

Your code changed between version 5 & 6 resulting in a break. I’m assuming in version 5 you were redrawing the element on hover/click - but in version 6 you are doing this onload.

Can you provide a function I can call that will help redraw these elements?

Thanks,

Matt

[mjshelley]

Oh, can you remove that image from the support thread - as it contains personal information

[christian]

Hey MJ,

Your One ticket was just answered. Thank you for subscribing to One.