x-show with nested x-collapse and click.outside

[ricardo-lewis]

An x-collapse nested inside an x-show will interfere with the latter if the collapse has a click.outside toggle set.

Expected behaviour: the same as without the click.outside.
Actual behaviour: x-show is unable to apply display none after its close animation (it remains visible)

Codepen: https://codepen.io/ricardo_lewis/pen/emNdoxV

You can remove the @click.outside to see how the expected behaviour should be.

[ekwoka]

So this is probably related to the way the transition cascades are handled...

but not totally sure why it happens like this here...

[Tim-Wils]

@ricardo-lewis Looks like @click.stop on the buttons seems to work https://codepen.io/tim-wils/pen/PwqbqEp

[ricardo-lewis]

Yes that’s the exact workaround I’m using at the moment. I’ve got a pop up menu with a nested collapse and I have to leave the collapse open when closing the popup menu