Need tooltips for sidenav


Topic: Need tooltips for sidenav

Nate asked 4 years ago

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?


Grzegorz Bujański staff commented 4 years ago

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


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Open

Specification of the issue
  • 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