splitter not working if embedded inside div that is shown on show/hide

[maharzan]

I have a div and want to use split.js to resize the 2 child divs. But the problem is this div is inside a tab which is only shown when clicking the tab. Upon clicking, the child divs appears really small like 97px even though I have defined the sizes.

If this tab is "shown" by default on load, the splitter is working fine, as normal. Is this a bug? Cannot seem to find a solution no matter what I do.

[Wyzix33]

Did you try to initialize split.js when you open the tab and destroy it when not... Just an idea...

[prince-vishal]

Hey, any update on this? I am facing the same issue

Also , I tried to destroy and re create, but does not works, it sets a high negative width on the panes (-950%-35px).

Also, destroying and recreating should not be a fix, as it will be expensive depending on the use case.