Tabs spacing issue

Beta
#1

Hi there, is this Tabs issue?

I’ve got strange issue, I’m using plugin Go pricing. Both pricing are the same, and shortcode embedded on each tab, but the second tab has much bigger gap than the other.

Now, weirdly, when you select second Tab, and drag tinny bit of the browser footer upwards, minimising the browser window, all of the sudden they became the same, and spacing is correct. Could you check if this is a theme issue?

Update - it seems when I change in the Inspector / Panels / and padding to 3rem problem goes away. But it is showing when is set to 0. So I guess it must be a theme related?

I will keep it to 0, so you can test the issue yourself.

#2

Hi @rafalkukla,

When the Tab element loads, the equal height setting will check all the tabs and make them as tall as the tallest tab content. I think what’s happening here is that Go Pricing uses a similar technique of normalizing heights for their table styling. On some page loads, the scripts run in different orders. This means the final height could be incorrect. Regretfully, we don’t really have a way to know when exactly the Go table is finished. You could try disabling the equal heights feature of the Tabs element. This should help make things more consistent.

#3

Hi Alex,

Make sense, thanks for letting me know.

#4

You’re welcome!