Separator: Closed on load is open

[ault]

Umbraco 8.9.1, Matryoshka 07.0

I have 4 instances of the same separator in use on the same component data-type...

It is set as an anchor, and "Collapsible, closed on load".

When in use, the first and third separators come in as expected (i.e. closed on open). However, the second and fourth are open. Nothing appears in the devtools console.

Is this a known issue?

[skttl]

I didn't know it :)

[ault]

My ng is not very hot, but I'm wondering if the bug lives in this:

`
$scope.toggleCollapse = function() {

        $timeout(function() {
        
            separator.toggleClass("our-matryoshka-group-separator--collapsed");
            
            separator.nextUntil(".our-matryoshka-group-separator-container").toggleClass("our-matryoshka-group-separator--collapsed");
            
        });
    }

`

[ault]

With help from @harry-gordon , by adding a bit of time to timeout.toggleCollapse function, it works (note the 1ms).

Not sure what the next steps would be.

$scope.toggleCollapse = function() {
            $timeout(function() {
                separator.toggleClass("our-matryoshka-group-separator--collapsed");
                separator.nextUntil(".our-matryoshka-group-separator-container").toggleClass("our-matryoshka-group-separator--collapsed");
            },1);
        }

[skttl]

I added the timeout, and it works here too :) b27567b