I'm having an issue where when ever I make a change to either an ACF drop down box or checkbox (for taxonomy) all ACF postboxes on the post edit page disappears.
I went and investigated and found the following:
1: This only happens when editing posts using a frontend editor (Part of a Theme), editing in normal backend admin is fine.
2: I noticed that whenever change is made to a checkbox or dropdown ACF adds and removes the class "acf-hidden" to all ACF boxes via "input.js". In the backend, the class is added and removed without issues. However, when editing in the front end the "acf-hidden" class remains, hence hiding all ACF boxes.
3: So in the front end editor after every change goes from:
<div id="acf_8571" class="postbox[ ][ ]acf_postbox default">
<div id="acf_8571" class="postbox[ ][ ]acf_postbox default acf-hidden">
Whereas in the back end the "acf-hidden" is added and removed properly:
<div id="acf_8571" class="postbox[ ]acf_postbox default">
note: [ ] = space. In the frontend there are extra space in the class list, not sure if it'll help narrowing down the problem.
I'm getting around this (using a very dirty method) by changing the "acf-hidden" in "input.js" to something else to stop ACF boxes from disappearing in the mean time.
What would be a better way around this issue, or perhaps a bug fix?
Any help would be greatly appreciated. :)