All tabbed content visible on front-end form page load

• bkno

• January 29, 2016 at 4:13 am

When upgrading from 5.2.x to 5.3.3.2 my front-end form with tabs started showing all tabbed content. The tabs work fine when you click on them, so it’s just the initial state that has the issue.

The ‘hidden-by-tab’ class is missing, but when I click a tab it adds this to the right elements.

Here’s a quick fix I added to my JS.

$( '.acf-field-tab:eq(1)' ).addClass( 'hidden-by-tab' ).nextAll( '.acf-field' ).addClass( 'hidden-by-tab' );
$( '.acf-tab-group li' ).first().addClass( 'active' );

• John Huebner

• January 29, 2016 at 12:26 pm

This was reported as a bug on the back end, I think it was fixed, http://support.advancedcustomfields.com/forums/topic/tabs-stay-visible-though-conditions-match/

Are the tabs working properly in the back end? If they are you should report this to [email protected]

• bkno

• January 29, 2016 at 7:49 pm

Thanks John, have emailed support. The backend is fine for me, that looks like the same issue only on the front-end.