Skip to content
This repository has been archived by the owner on Apr 4, 2022. It is now read-only.

Tooltips get cutoff when used in horizontal table #169

Open
ErikSchierboom opened this issue Nov 20, 2019 · 5 comments
Open

Tooltips get cutoff when used in horizontal table #169

ErikSchierboom opened this issue Nov 20, 2019 · 5 comments

Comments

@ErikSchierboom
Copy link

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

  • Screenshots:

image

  • 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
Copy link

fidgol commented Jan 9, 2020

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

@sigmasoldi3r
Copy link

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

@fidgol
Copy link

fidgol commented Jan 22, 2020

I am facing the issues on Windwos10 with Firefox.
image
image

@sigmasoldi3r
Copy link

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

@sigmasoldi3r
Copy link

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.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants