Topic: Toasts do not slide up unless autohide: true
Expected behavior
Stacking toasts slide up if autohide is false
Actual behavior
Not the above
Resources (screenshots, code snippets etc.)
this.notificationRef = this.notificationService.open(ToastComponent, {
position: 'top-right',
// width: string,
delay: 1000,
autohide: false,
stacking: true,
offset: 60,
animation: true,
// viewContainerRef: ViewContainerRef,
data: { text: 'this is a test' }
});
(additionally, the animation option doesn't appear to change behaviour regardless of value)
Closed
This topic is closed.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Closed
Specification of the issue
- User: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: MDB5 1.0.0-beta4
- Device: PC
- Browser: Google Chrome
- OS: Arch Linux
- Provided sample code: No
- Provided link: No
Related topics
MonizDave premium priority commented 3 years ago
I want to create a snippet, but you can't create an MDB5-Angular snippet unless it's the free version and toasts aren't in the free version
Arkadiusz Idzikowski staff commented 3 years ago
@MonizDave Could you add a more detailed description of the problem?
MonizDave premium priority commented 3 years ago
In the example in the documentation, you can open many. If you close them out of sequence they will slide up to fill in the gaps left by the hidden toasts - as they continue to autohide themselves. I can replicate this just fine.
If you set autohide to false, then open up 4-5, then close the ones in the middle, the last one will never slide up.
Is this intentional?
Arkadiusz Idzikowski staff commented 3 years ago
@MonizDave Thank you for the clarification. It is definitely a bug, we will take a closer look at that to find the cause of the problem.
MonizDave premium priority commented 3 years ago
@Arkadiusz Idzikowski How will I know when a solution is available?
Arkadiusz Idzikowski staff commented 3 years ago
@MonizDave The best way to stay up to date is to check our changelog: https://mdbootstrap.com/docs/b5/angular/getting-started/changelog/ (you can join our mailing list to receive information about new releases).
We also always try to update the thread related to a particular problem.
Dave Moniz premium priority commented 3 years ago
This has not been resolved as of MDB5 1.0.0-beta7
Arkadiusz Idzikowski staff commented 3 years ago
@Dave Moniz Those fixes were not added in previous update. We will add some improvements in beta8.