I think I found a way:
override the display: [ none | block ] with opacity: [ 0 | 1 ] + height: [ 0 | auto ]
.acf-field {
transition: all .5s ease-in 0s;
}
#acf-form .acf-field.acf-hidden {
display: block !important;
opacity: 0;
height: 0;
}
#acf-form .acf-field:not(.acf-hidden) {
opacity: 1;
height: auto;
}
_________
Inspired by this and this (as partial answers)
Note: I just figured this out, I’m not yet sure if there are any downsides to it.
The value will be NULL, or some other empty value
I still don’t get it. If the value would be null/empty, how could one fill it with custom content?
@phillip I also needed to pre-fill a front-end form and I cheated with jQuery.
from the documentation:
This hook allows you to modify the value of a field right after it is loaded from the database.
It has a $post_id – the post id which the value was loaded from
I don’t see how this would work in a front end form – where the content is brand new?
This reply has been marked as private.