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.
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
- 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