Topic: Hidden toast message again visible hover sometime

topher priority asked 2 years ago

Expected behavior

I used toast service to show toast message of success, error or alert. Toast message goes hidden after sometime and never visible again.

Actual behavior

In my case sometime it is visible when cursor reach on right cornor of the screen, it is not replicated always but happens sometime. I checked in Chrome console for insepting element , contains the toast component with style="opacity:0" but it is exist when cursor goes right cornor it is visible again and not goes invisible after click on toast box.

Resources (screenshots, code snippets etc.)

I used below code to show toast message - this.toastService.success("Success message");

Arkadiusz Idzikowski staff commented 2 years ago

@topher In the specification you choose MDB5 1.0.0 as MDB version, but it looks like you use different MDB product - MDB Angular 4 (ng-uikit-pro-standard). Please add more information about your MDB and Angular version.

topher priority commented 2 years ago

My angular version - 11.2.8 In my packager.json "mdb-angular-ui-kit": "^1.0.0-beta2", "mdb-calendar": "file:mdb-calendar-11.0.0.tgz", "mdb-color-picker": "file:mdb-color-picker-11.0.0.tgz", "mdb-draggable": "file:mdb-draggable-11.0.0.tgz", "mdb-file-upload": "file:mdb-file-upload-11.0.0.tgz", "mdb-filter": "file:mdb-filter-11.0.0.tgz", "mdb-sortable": "file:mdb-sortable-11.0.0.tgz", "mdb-table-editor": "file:mdb-table-editor-11.0.0.tgz", "mdb-wysiwyg": "file:mdb-wysiwyg-11.0.0.tgz", "ng-uikit-pro-standard": "file:ng-uikit-pro-standard-11.0.0.tgz",

Arkadiusz Idzikowski staff commented 2 years ago

Thank you, we will try to reproduce this problem on our end and let you know what we found.

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

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: MDB5 1.0.0
  • Device: Laptop
  • Browser: Chrome
  • OS: Linux, windows
  • Provided sample code: No
  • Provided link: No