Toasts do not slide up unless autohide: true


Topic: Toasts do not slide up unless autohide: true

MonizDave pro premium priority asked 12 months ago

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)


MonizDave pro premium priority commented 12 months 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 12 months ago

@MonizDave Could you add a more detailed description of the problem?


MonizDave pro premium priority commented 12 months 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 11 months 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 pro premium priority commented 11 months ago

@Arkadiusz Idzikowski How will I know when a solution is available?


Arkadiusz Idzikowski staff commented 11 months 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 pro premium priority commented 11 months ago

This has not been resolved as of MDB5 1.0.0-beta7


Arkadiusz Idzikowski staff commented 11 months ago

@Dave Moniz Those fixes were not added in previous update. We will add some improvements in beta8.


Dave Moniz pro premium priority answered 10 months ago

Can confirm, this is resolved as of MDB5 1.0.0-beta8.

Closing.


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: Pro
  • Premium support: Yes
  • 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