Dynamic Accordions not switching button classes correctly

Wappler 2.9.0
Mac OS X Catalina and Mojave

When a standard Accordion Cards component is added and edited for dynamic data usage, the classes are not correctly switching to show the collapsed class on the button element.

Code used for dynamic accordion card

<div class="accordion" id="accordion1" is="dmx-repeat" dmx-bind:repeat="3">
    <div class="card">
        <div class="card-header" dmx-bind:id="'accordion1_headingOne'+$index">
            <h5 class="mb-0">
                <button class="btn btn-link" type="button" data-toggle="collapse" dmx-bind:data-target="'#accordion1_collapseOne'+$index" dmx-bind:aria-expanded="$index == 1 ? true : false" dmx-bind:aria-controls="'accordion1_collapseOne'+$index" dmx-class:collapsed="$index != 1">
                    Collapsible Group Item {{$index}}
                </button>
            </h5>
        </div>
        <div dmx-bind:id="'accordion1_collapseOne'+$index" class="collapse" is="dmx-bs4-collapse" dmx-bind:aria-labelledby="'accordion1_headingOne'+$index" data-parent="#accordion1" dmx-bind:show="$index == 1">
            <div class="card-body">
                Anim pariatur ... wolf
                moon ... excepteur
                butcher vice ...  haven't heard of them accusamus labore sustainable VHS.
            </div>
        </div>
    </div>
</div>

Original thread for further detail if needed Accordion Bug (I think)

Community Page
Last updated: