css tooltip does not like overflow on parent div

[clandmeter]

In the flagged section when there are limited results the tooltip applied to the message icon will be hidden behind the parent div which has overflow-x:auto set. We need overflow-x to make the table kind of usable on smaller screens.
One solution would be to make the parent div min-height set to 100% to allow the tooltip to use the extra space below the table, but this does not work.
A solution without the use of JavaScript would be preferred.

[clandmeter]

@stwa i remember you helped us with the hamburger menu. Do you have some suggestion to fix this without using js?

[stwa]

You could work around the 100% height problem using flex layout, browser support is pretty good nowadays. Unfortunately it's a bit ugly because of the vertical scrollbar as seen in my example.

Anyway, I'm not sure if I understand the problem correctly, but why don't you let the table grow and use the full-height scrollbars instead of setting overflow-x on the tables parent div?

[clandmeter]

@stwa i pm'ed you on irc but you didn't reply.

Im not sure what you mean about let the table grow?

[stwa]

Hacky pull request #39 which makes it work in current firefox and chromium (at least?).