When clicking on a tab of a TABS component it feels jerky

Hi I am working on a project and I am using the tabs component.

There is a slight problem, when I click a tab on one of my tabs component of a page there is some kind of a jerk,I don’t know how to describe it in english. But once the tabs is clicked and I go back to that tab it feels OK. Like it takes a micro moment to load the content.

Is there a way to preload the content or is there a best approach to make the change of tabs feels a little more smooth?

For the sake of it I tried the linear fade in fade out and put 0 ms in both, maybe it should have something else?

here’s the link:

Thank You

Tab Panel Width & Height not define. Please define all class again. Keep all class same for all tabs

Check this tab link class setting

Let me know still you have any doubt.

1 Like

Thanks for the Help i’ll change the class it is a better methodology anyway. But it doesn’t change the fact that I have the same problem. Like the first time you click on a tab it takes a little moment to make the image appear.

It is weird. And it does this only once publish.

It seems to be a loading problem.

Like the first time you click a tab it feels like a glitch because it load the content for the first time. Once it is done. When you click again on the same tabs it feels good.

Scroll down to the tabs


Found the solution actually we need that the content maintain a minimum height to avoid the glitch effect.