Tab Is Blank When Initially Loaded

  • Resolved binazhar

    (@binazhar)


    7 years ago

    I have applied Tabby plugin to my post summary page. The first (default) page loads fine however the contents of the remaining tab does not show, until i change the focus out of browser and then bring back again e.g. minimize the browser and then maximize again. Any help to fix this issue will be highly appreciated

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

Viewing 1 replies (of 1 total)
  • Plugin Author cubecolour

    (@numeeja)

    7 years ago

    I have been looking into a similar issue where embedded maps using the leaflet maps plugin do not appear inside tabs where the content is not visible on initial page load. I have found that triggering a resize event when the tab title is clicked helps solve this issue.

    Adding the following jquery function via a simple plugin seems to solve the issue in this instance, so this might also help with other embeds including your content:

    
	jQuery(function($){

		$("body").on("click", ".responsive-tabs__list__item, .responsive-tabs__heading", function() {
			window.dispatchEvent(new Event("resize"));
		});

	});
Viewing 1 replies (of 1 total)

The topic ‘Tab Is Blank When Initially Loaded’ is closed to new replies.