Envira gallery pagination within Classic Tabs

[digitalpractice]

Hi

I have added an Envira gallery with pagination (bought PLUS) into the classic tabs element. The pagination doesn’t work.
https://www.perthimplantdentistry.com/classic-tabs/

Scenario 1.
When no tabs are active, and you open 1 tab, you then click on next or 2, the tabs close again. When reopening that same tab, you will be indeed on page 2, but the middle step (closing the tabs) shouldn’t happen.

Scenario 2:
When 1 tab is active, it works for that tab, and only that tab.

Scenario 3:
When 1 tab is active, and you click on a not-active tab, it brings you back to the active tab, which is obviously what you don’t want.

I have created a 50 second video showing all the scenarios. https://youtu.be/_k8aSO2Ys4A

Hope someone can help.

[paul.r]

Hi,

Regretfully you cannot use the elements or plugins inside the tab element if their height is dependent on the Javascript calculation. The problem is that in the initial load the element will be hidden when it is in the inactive tabs and Javascript will calculate the height 0.

This will not happen in most modern browsers but there are plenty of them yet calculating the height 0.

So your case is one of the general rules of thumb. For example, you should not also add the gallery to an off canvas or accordion as those elements are hidden initially. For the tab, you can only add the gallery to an active tab as it shows on load.

Thanks