First, thanks for the module.

I've discovered that tooltips text remains visible in or under table headers that use the scrolling "sticky-header" feature. For an example, note the "Type" column in this page as you scroll down the window.

http://oklahomarepeatersociety.org/node/29

I have not dug into the sticky-header class yet to see if tooltips can be made to avoid this behavior. But thought I would point it out.

Comments

tmallen’s picture

tmallen commented
Status: Active » Closed (works as designed)

This is a bug on the part of the sticky table header, actually. The CSS for this table relies on the setting "position: fixed" to keep the headers on top of other content, without using a z-index to ensure that it covers other elements with z-index (this module uses 100 for the tooltips).

To make the headers cover the tooltips, set the z-index of the table higher than 100 in your theme CSS. You can use CSS Injector to add the style if you don't maintain a site theme.

http://drupal.org/project/css_injector

Here is the style:

table.sticky-header {
    z-index: 101;
}
wd5m’s picture

wd5m commented

I knew it must be something with a z-index, but I did not know the details to solve. I implemented your work around to set sticky-header to 101.

Thanks!

ussher’s picture

ussher commented

not sure why, but the z-index didnt work for me in the injector. but this one fixed it up.

table.sticky-header {
top:22px !important;
}