Topic: Need tooltips for sidenav
Hi,
I have a left sidenav that collapses menu items down to only show icons. I want a to tooltip to pop up when hovering the icons to display the menu item name.
The problem is I need the menu to be scrollable vertically so overflow is set to auto (if you're unaware you cannot set overflow-x to visible and overflow-y to auto/scroll, it will default both to auto).
Incidentally this cuts off the tooltip which I wanted to be to the right of the menu icon.
I have found a post about this for Vue here https://mdbootstrap.com/support/vue/add-tooltip-to-sidenav/
in which the Vue API for the tooltips has an append-to-body option
Does anything like that exist in the MDB Angular tooltips that could solve my problem?
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Open
- User: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: 9.3.1
- Device: Desktop
- Browser: Chrome
- OS: OSX
- Provided sample code: No
- Provided link: Yes
Grzegorz Bujański staff commented 4 years ago
Hi. Adding
[container] =" 'body' "should help