z-index on thead or tbody of Grid causes drop not to work

Flow
1

I am setting the z-index of the thead or tbody of a Grid in order to make tooltips display in front of the header of the Grid and not behind.

However, if I set z-index to -1 drop of items does not work anymore.

Any idea how I could solve this?

2

Hi, Both the thead and tbody elements are private internals of the grid Web Component. Modifying them isn’t advised and might cause unexpected behaviour. If possible, rather modify the (z-index of the) tooltip component you’re using, or create a separate stacking context for the grid if it helps.

3

Unfortunately, changing the z-index of the tooltip does not have any effect. The tooltip is injected via JS.

4

Have you found a solution for this? I am facing the same problem. Z-index for header tooltip is not working.