Conditional logic

Sure thing: https://jam.dev/c/babc47aa-8cc7-4bec-9995-3830a6fda469

I do have a multistep, but it should be hiding the classes unless on that class. I also added the condition that the field should only show when

 'visible' => array(
                            'when' => array(
                                array(
                                    array('academicoutput', 9212),
                                    array('academicoutput', 13304),
                                    'relation' => 'or'
                                ),
                                array('current_selection', 'ref_p10-4')
                            ),
                            'relation' => 'and'
                        ),         

But it was showing (as you can see in video) when current_selection','=', 'ref_p10-1'

Yes, the issue is still there when I remove the array('current_selection', =, 'ref_p10-4').

The only reason I added it as an additional condition, was to try and get rid of this issue.

I also don't understand what you mean, the documentation you shared says that you can add multiple conditions? And I believe I followed the documentation?

And just to take a step back at the bigger issue, as this is what Im really trying to solve:

I have made some navigatable sections on a cloneable group field. Currently (and when I only have one conditional logic condition), when the value is selected, it shows beneath the first page - despite having CSS there hiding its class. So I added an additional condition, which I want just to keep it hidden until you reach the page. This is governed by a hidden field that is populated by js. The value is correct. However, this lead to the issue of conditional logic not being triggered when a field is populated automatically. And it also did not fix my problem of keeping the field hidden until the right moment in the form.

They are hidden by the tab pages eg:

 $('.form-nav').on('click', function(e) {
        e.preventDefault();
        $('.rwmb-tab-panel').hide();  
        var targetPanel = $(this).data('target');
        $('.rwmb-tab-panel-' + targetPanel).show();
    });

$('body').on('click', '.ref-nav', function(e) {
e.preventDefault();
let currentGroup = $(this).closest('.rwmb-group-clone');
let sectionToHide = '.' + $(this).attr('data-current');
let sectionToShow = '.' + $(this).attr('data-target-group');
let sectionToPopulate = $(this).attr('data-target-group');

currentGroup.find(sectionToHide).hide();
currentGroup.find(sectionToShow).show();
});`

But not by another field as per the issue on the other topic. The custom_selection is a hidden field thats only purpose is to update so I can use that value. And academicoutput has no other conditional logic to determine its visibility beyond the page logic. Is that what you mean by nested? Or do you mean because it is a group field?

I also tried using a custom callback to set my own conditional logic and that wouldn't work either...

This issue has taken me too much time, so I am finding a workaround and giving up.

But I able to work in the original Conditional Logic code - as if I can then I can just modify my needs there so no conflict. If so, how can I do that