InsertRemoveComponent not shown into the stock demo on StackBlitz

📚 Docs or angular.io bug report

Description

The InsertRemoveComponent, while included and imported into the demo package itself, is not shown in the actual demo — have to add it manually

There is one weirdness about it, from my understanding this may be a bug — if you double-click on the “Toggle Insert/Remove” button quickly, you’ll see multiple instances of the text being shown/removed

🔬 Minimal Reproduction

What’s the affected URL?**

https://angular.io/generated/live-examples/animations/stackblitz.html referred from https://angular.io/guide/transition-and-triggers#use-of-ngif-and-ngfor-with-enter-and-leave

Reproduction Steps**

Expected vs Actual Behavior**

📷Screenshot

🔥 Exception or Error

🌍 Your Environment

Browser info

Anything else relevant?

[pasha-bolokhov]

Since I’m at here, wanted to ask the following question. The doc style that Angular uses is also kind of used by RxJS and possibly other libraries or frameworks. Is it possible to reuse (with some customization) your doc style, is there any copyright? I understand cloning the repo would work, but it’s quite large, and changing it all at once might be difficult. Plus, you’re actually typesetting in Markdown. Is there a quick starter for all of that for one’s own projects? Sorry if this is not the right place to ask this

[pasha-bolokhov]

I thought that it could have just been doing ok, and the behaviour is normal, as long as one understands what’s going on — that the animation is long. And, if there was a reason for making the animation long, and this extra DOM “feature” may have some “educational” value, then we could keep it at 5 seconds. I’m fine either way… Thanks for clearing this out!