Tab wrapping bug in Tab component

Questions
1

Hello all!

Just wanted to highlight a bug in the tab component where the tabs don’t wrap correctly. It’s hard to describe so I made a video… I’ve seen this in multiple orgs but haven’t gotten round to documenting it until now.

Cheers!

Louis


2

Ah! I can see that the issue is actually due to this css in the theme:

&#46;ui-tabs &#46;ui-tabs-nav li&#46;ui-tabs-active, &#46;ui-tabs &#46;ui-tabs-nav li&#46;ui-tabs-active&#46;ui-state-hover { border-top:&nbsp;0 solid&nbsp;transparent;<br />}


If you get rid of the border-top on the active tab the problem goes away. For now I’ll just add this to some page CSS.

Cheers!

Louis

3

Last note - so, to fix - apply:

.ui-tabs .ui-tabs-nav li.ui-tabs-active, .ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover {<br>&nbsp; &nbsp; border-top: 1px solid transparent;<br>}