animate.leave issue

[pulsar slate]

In these two videos, I create the multi-select-options component as

<ng-template #template>
  <ng-content/>
</ng-template>

create(templateRef: TemplateRef<unknown>): HTMLElement {
  const embeddedViewRef = this.container.createEmbeddedView(templateRef)
  this.embeddedViewRef  = embeddedViewRef;
  return (embeddedViewRef.rootNodes as HTMLElement[]).find(n => n.nodeType == Node.ELEMENT_NODE)!;
}

destroy(): void {
  this.embeddedViewRef?.destroy()
  this.embeddedViewRef = undefined
}

When I provide leave animation using animate.leave, it is created with .leave class again in the next create.

[verbal vine]

we'll need an exact repro of what you're doing, for example on a stackblitz

[pulsar slate]

Okay, I'm doing it

[ruby crow]

You might have tried to post a single message twice quickly and it triggered our spam bot, i removed the temporary muted status so you can post again 🙂

[pulsar slate]

Thank you.

https://stackblitz.com/edit/stackblitz-starters-ig56dunr?file=src%2Fmain.ts

[verbal vine]

There is probably a bug here

can you create an issue on https://github.com/angular/angular and try to provide even smaller reproduction of the problem

[pulsar slate]

Okay, I’ll create