[Bug] Sometimes toast not being removed from UI automatically

[rajanchavda]

I'm submitting a Bug

[ ] Regression (a behavior that used to work and stopped working in a new release)
[x] Bug report 
[ ] Performance issue
[ ] Feature request
[ ] Documentation issue or request
[ ] Support request
[ ] Other... Please describe:

Current behavior

Auto close toast message, sometimes not being automatically removed from UI. And Just stucks-up there. We can do nothing but refresh the page to remove it.

Expected behavior

Auto close toasts should get removed automatically everytime.

Minimal reproduction of the problem with instructions

Randomly create toasts, some times you will be able to reproduce the issue

Environment

Angular version: X.Y.Z


Browser:
- [x] Chrome (desktop) version XX
- [ ] Chrome (Android) version XX
- [ ] Chrome (iOS) version XX
- [ ] Firefox version XX
- [ ] Safari (desktop) version XX
- [ ] Safari (iOS) version XX
- [ ] IE version XX
- [ ] Edge version XX
 
For Tooling issues:
- Node version: XX  
- Platform:  

Others:

Demo:
toast not being removed.webm

[shhdharmen]

🎉 This issue has been resolved in version 3.0.1-beta.1 🎉

The release is available on:

• npm package (@beta dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[github-actions]

🎉 This issue has been resolved in version 3.0.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀