Topic: tooltip non longer appearing correctly
rernens pro asked 5 years ago
Several issues with tooltips since latest updates.
Using tooltips within Timeline boxes makes them flickering when hovering the element that triggers the appearance of the tooltip.
Placement no longer works : tooltip always appear bottom.
When used on buttons in table rows, index of tooltip is incorrect : tooltip appears below the content of the next table row.
Damian Gemza staff answered 5 years ago
Dear rernens,
Your code doesn't tell me anything about your tooltip problem.
Please provide me with the complete table with tooltip code - HTML and TS.
I need to reproduce it.
About the screenshot question:
You can upload an image to your answer by using the <img src=" ">
tag, or by using the image button which is located in the top bar of answer field (just below the "Write" text).
Best Regards,
Damian
rernens pro answered 5 years ago
hi Damian,
See the code below, an example ( among many others ) that produces the issue as shown here
BTW how do you attach a screen shot to a message when the image is not accessible from the web.
< table mdbTable small="true"> {{head}} 0; else none"> today, 'fa-user-times text-danger': employee.exitDate && employee.exitDate <= today }" > {{employee.lastName}} {{employee.firstName}} {{ establishmentIndx(employee.establishment)}} {{ 'USER.ORGANIZATION.EMPLOYEES.MESSAGES.NONE' | translate }}
Damian Gemza staff answered 5 years ago
Dear rernens,
Thanks for your report!
1st issue: We'll take a deeper look at this because that's strange behavior,
2nd issue: There's something wrong with the "top" placement. Every other placement works fine. We'll fix this problem,
3rd issue: I'm not able to reproduce this problem. Could you please provide me the code which causes the described problem?
Best Regards, Damian
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: 7.0.0
- Device: all
- Browser: all
- OS: all
- Provided sample code: No
- Provided link: No