Topic: Hidden toast message again visible hover sometime
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");
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Opened
- 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
Arkadiusz Idzikowski staff commented 2 years ago
@topher In the specification you choose
MDB5 1.0.0as 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.