“Animation in” not working

I noticed this too, but I don’t really mind. I was actually waiting for the first person to complain about this before looking into it ?? So thanks for putting on my agenda.

PS: You mention my site has the problem in several places. Did you happen to find any pages without the problem?

• This reply was modified 3 years, 10 months ago by Jules Colle.

Thanks for the quick response!

I’m reviewing now and in fact I only see smooth animations in repeaters. Do they have the same jquery controllers?

Another clue. I have noticed that when a group is shown, the animation is not happening. The class “wpcf7cf-hidden” is removed and the property display becomes “block” without a transition. Is when the group is hidden again, that I can see the hide() jquery transition.

I have looked for the trigger function in the script and I’ve hardcoded the animation type to SlideDown(). It is working now! I know it’s just a patch for my case, but maybe it will help find the thing.

Obviously, the animation time defined in the plugin properties is not being respected in this way.

scrip.js / Line 412

    if ($group.css('display') === 'none' && !$group.hasClass('wpcf7cf-hidden')) {
      if ($group.prop('tagName') === 'SPAN' || $group.is(':hidden')) {
        //$group.show().trigger('wpcf7cf_show_group');
        $group.slideDown().trigger('wpcf7cf_show_group');
      } else {
        //$group.animate(wpcf7cf_show_animation, animation_intime).trigger('wpcf7cf_show_group'); // show
        $group.slideDown(); // show
      }
    }

Ha thanks for that. Your pointed out the exact problem! I probably got impatient while writing some automated a while ago, and I “temporarily” disabled the transition in the source code to speed up the tests. I’ll make sure to enable it back with the next update, so you can safely update when the update arrived, your transitions will keep working.

Your welcome, and thank you for your work ??

Hey there.

Sorry for hijacking this, but we are also waiting for an update to make this work again for some weeks.
Is there and ETA for it or maybe in the meanwhile a working code snippet to make it work until the update arrives?
I see @javigaar pointed the problem but couldn’t make it work at my end.

Thank you!

javigaar’s workaround should work for now. Make sure to make the changes in wp-content/plugins/contact-form-7-conditional-fields-pro/js/scripts.js near line 412

Also do some CTRL+Shift+R stuff to clear your browser cache after the change is live

Hey Jules. Thanks for pointing out, I could make it work.
Cheers!

Hi,

Looks like this hasn’t been fixed in the latest update after all. I had used Javigaar’s solution — it totally works, but I’ve just had to apply it all over again because the update overrode my changes.

Please restore this feature in the next update and thank you for this plugin.

Cheers,
Alex

Oops sorry about that, I had to rush with some updates and forgot about this one. I’ve added it to my bug list: https://github.com/pwkip/contact-form-7-conditional-fields/issues/77