Tooltips get cutoff when used in horizontal table

[ErikSchierboom]

• Framework Version: 3.0.1
• Flavor used: default
• Operating System/Browser: Chrome/Mac OS
• Code to reproduce: https://codepen.io/erikschierboom/pen/ZEEPWdw

Reproduce by hovering over the "Text #1.1", "Text #1.2", or "Text #2.1" texts inside the table.

• Screenshots:

• Bug description:

When using tooltips in a horizontal table, the tooltips are cutoff on the border of the table. I'd like for the tooltips to be displayed in their entirety.

[fidgol]

Same issue here. I also tried to experiment with different z-index but hat no success.
Any update on this issue?

[sigmasoldi3r]

I checked out Firefox/Windows 10 and does not happen, maybe it's a Chrome quirk?

[fidgol]

I am facing the issues on Windwos10 with Firefox.

[sigmasoldi3r]

True, I am able to reproduce it also maybe I did something wrong the last day :/

[sigmasoldi3r]

After some testing, I've found out that the problem has to do with relative-absolute positioning that is being used with tooltip, as this stack overflow answer points out: https://stackoverflow.com/a/611098/1842548

The problem is that changing this would introduce breaking changes, as a new element must be introduced, sadly.

If we were talking inside a framework context such as React, the library consumers would not notice it, but as is a css pure framework, the implications are... well rather complicated.

We should look for solving this anyway.