Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Need tooltips for sidenav

Nate free 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

Opened

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