v3 issues with x-transition and @click.outside

[dvic]

We are using Phoenix LiveView and after upgrading to Alpine v3, we are seeing an issue with x-transition and @click.outside (e.g. with popups) not working anymore once we navigate to another page (in Safari the popup briefly flickers, in other browsers it doesn't show). I have replicated the issue in the following Phoenix Liveview repo:

https://github.com/dvic/phoenix_issues/tree/alpinev3-issue (issue illustrated in page_live.html.leex)

A summary of the problem (screenshot from the demo repo):

Anyone else encountering similar issues? At first I thought the x-transition callbacks are not being cleaned up because removing this directive fixed the problem, but then I found out that removing @click.outside also fixes the problem. I

I'm trying to figure out what morphdom operations run in the above Phoenix LiveView example, will let you know if I find out a bit more about this.

Also discussed in livewire/livewire#3392 (reply in thread).