Formed in 2009, the Archive Team (not to be confused with the archive.org Archive-It Team) is a rogue archivist collective dedicated to saving copies of rapidly dying or deleted websites for the sake of history and digital heritage. The group is 100% composed of volunteers and interested parties, and has expanded into a large amount of related projects for saving online and digital history.
Join GitHub today
GitHub is home to over 50 million developers working together to host and review code, manage projects, and build software together.
Sign upTooltips get cutoff when used in horizontal table #169
Comments
|
Same issue here. I also tried to experiment with different z-index but hat no success. |
|
I checked out Firefox/Windows 10 and does not happen, maybe it's a Chrome quirk? |
|
I am facing the issues on Windwos10 with Firefox. |
|
True, I am able to reproduce it also maybe I did something wrong the last day :/ |
|
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. |
Reproduce by hovering over the "Text #1.1", "Text #1.2", or "Text #2.1" texts inside the table.
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.