enter image description here

I have a tooltip slds div which is displayed when hovered over Task bar (task three in this case) Its just that the even after setting z index (100000) on the popover component (from slds), it hides under the component either above or below it.(Task Three, Four, Five are in a component, theres another div below them housing other task bars)

Similar stackexchange

1 Answer 1


When you use Scrollable which implements scrollbar, this is bound to happen.


The part of the DOM which is inside scroll is limited to its own context. The standard helptext will add DOM element which is fixed (position fixed) w.r.t the i or any other element you choose - in effect its just another DOM element.


The only solution I found so far to this is using title attribute. This adds the popup over the top of DOM by browser. Also if you need to style the title, you can do so by CSS.

  • Thanks @salesforce-sas, there seems no way to modify css on the default title attribute though, even with the help of css psuedo elements Jun 9, 2020 at 4:28
  • 1
    I did it before - long time back, its definitely possible, just post a question. Meanwhile I will check if I can do it, or else somebody else would atleast answer for lwc/salesforce context Jun 9, 2020 at 4:34

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .