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' );
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]
Thanks John, have emailed support. The backend is fine for me, that looks like the same issue only on the front-end.