Little bug just in tabs with addon

[Lyser]

Hello,i found the perfect addon for what i need and it works perfectly exept in tab where there is a little bug that i would like to fix.

[thai]

Hi There,

Please try adding this custom code under Theme Options > JS:

jQuery(document).ready(function($) {
	$(window).trigger('resize');
});

Hope it helps

[Lyser]

Hey thai, It doesn’t seems to work, i still need to resize browser to restore map size.

[Alaa]

Hi @Lyser

Sorry for that, please add this CSS snippet to (Theme Options > CSS):

.mapplic-map.mapplic-zoomable {
    width: 100%!important;
    height: 100%!important;
} 

This will force the map div area to be loaded in 100% width and height.

Thanks.

[Lyser]

Hello Alaa, thx for this ccs, the map is fully loaded unfortunatly it affect the behavior of mouse wheeling for zooming and break the information popup placement and drag and drop system.
Is this bug coming from the tab element ?

[Alaa]

Hi Lyser,

I see the problem now, sorry for my misunderstanding in first place, I’ve removed the CSS code and added this JS snippet to (Theme Options > JS):

jQuery('#x-legacy-tab-1').bind('click',function() { window.dispatchEvent(new Event('resize')); });

$("document").ready(function() {
    setTimeout(function() {
        $("#x-legacy-tab-1").trigger('click');
    },10);
});

I can see it’s now working fine, please confirm?

Thanks.

[Lyser]

No problem
Yep it’s working when we refresh the page, but it seems that the bugs persist when we clic on another tab then back to the first.

[Alaa]

Unfortunately Lyser, that’s the best we could do since this is a third party plugin that we don’t officially support, you will have to report this issue to the plugin author, I can see similar requests have been asked on the plugin comments page here:

Discussion on Mapplic - Custom Interactive Map WordPress Plugin

Thanks.

[Lyser]

I understand, thank you for your help

[paul.r]

You’re welcome!