Topic: MBD5 Toast disappears even if cursor is pointed on it

ammi pro asked 1 year ago

Expected: point cursor on toast prevents disappearing

Actual: point cursor on toast, but it disappears after delay anyway. What should I do to stop toast disappearing if cursor is pointed on it?

openToast(): void {
const notificationTypes = ['success','warning','info','danger'];
this.notificationRef =, { 
  data: { 
    toastText: 'Custom message from main form',
    notificationType: notificationTypes[0],
  position: 'top-center',
  stacking: true, 
  offset: 100,
  autohide: true,
  delay: 2000,


ToastComponent HTML Toast HTML


import { Component } from '@angular/core';

import { MdbNotificationRef } from 'mdb-angular-ui-kit/notification';

@Component({ selector: 'app-toast', templateUrl: './toast.component.html', }) export class ToastComponent { toastText: string | null = null; notificationType:string | null = 'danger'; constructor(public notificationRef: MdbNotificationRef) {} }

Arkadiusz Idzikowski staff commented 1 year ago

Thank you for reporting this problem. We will take a closer look at this bug and let you know when we add a fix or find a workaround for now.

This problem was fixed in v3.0.1, please upgrade your MDB5 Angular version.

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: MDB5 3.0.0
  • Device: Desktop
  • Browser: Chrome
  • OS: W10
  • Provided sample code: No
  • Provided link: No