Topic: Tooltip bugs on mobile device
Tooltips are used for a button (the outline-button with pen-icon). It works fine on desktop-browsers, but has bugs on mobile touch-devices:
- Tooltips do not disappear, but are stuck on the screen
- Tooltips appear above the modal that the button opens
<button type="button" class="btn edit-button btn-outline-primary btn-floating" [class.btn-sm]="window.innerWidth < xSmallWindowWidth" (click)="openUniqueCodeEdit()" [mdbTooltip]="'GENERAL.EDIT'|translate"> <i></i> </button>
Tooltips do not disappear
Tooltips over modal
It happens whenever one clicks onto the button. No other steps are needed.
mdb-angular kit used is 1.5.1:
However, I found a workaround by using tooltip.hide()
I understand that this might be a very unique problem that might also occur due to some other components,... the project contains. But the workaround mentioned solves the problem for the time being.
Services & Consulting
Hire our experts to help you design or build a dedicated project.
- User: Pro
- Premium support: Yes
- Technology: MDB Angular
- MDB Version: MDB5 1.5.1
- Device: Galaxy S8
- Browser: Google Chrome
- OS: Android
- Provided sample code: No
- Provided link: No
- Hi, I am using mdb-calendar plugin with the Version of 10.1.1 in my angular application. I want to customise tool tip text dynamically and need to change background colour of the tool tip. can some one guide me how to solve the above issue?