Topic: Need tooltips for sidenav

Nate free asked 3 years ago


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

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?

Grzegorz Bujański staff commented 3 years ago

Hi. Adding [container] =" 'body' " should help

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: 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