Long legend tooltip is jumping making it difficult to highlight needed terms

[Funbit]

Kibana version: 5.4.0
Elasticsearch version: 5.4.0
Browser version: Opera 44, Chrome 58
Browser OS version: Windows 10
Original install method (e.g. download page, yum, from source, etc.): yum
Description of the problem including expected versus actual behavior:

One animated GIF will explain the problem much better than hundreds of words:

If legend has long labels trimmed with the "...", the tooltip, appearing on mouse hover, is "jumping", forcing scrollbars to appear/disappear and making it very difficult to navigate/highlight desired terms (the bars don't get highlighted even if the cursor is above the term).

This problem is definitely not new, I think it's been in Kibana from 5.x or so (maybe even older). I've been checking every update hoping that it's fixed, but unfortunately it's here even in 5.4.0..

Is there a way to fix that behavior? I would be satisfied even by a global Kibana setting to disable legend tooltips at all (i.e. show full caption only on click).

Thanks.

[stacey-gammon]

We should investigate a fix for this, but as a temporary workaround, you might be able to place the legend position on the bottom (it's in Panel Settings in the Visualize app).

Looks like they are still getting truncated on the bottom, but perhaps you won't get the jumpy scroll bars. Let me know if that helps.

[Funbit]

Thanks for the tip. Unfortunately, the workaround with the bottom legend position helps only with horizontal scroll bars. If I move cursor to the very bottom captions (when tooltip gets truncated) browser still keeps popping vertical scroll bars.. Also, with the bottom captions the dashboard will occupy much more space. I think having an option to disable tooltips would be better (if it's difficult to fix the root of the problem on the CSS/HTML level).

[Funbit]

Can somebody explain in which Kibana version this issue is fixed?
I've just upgraded to the 5.5.1 and it's still there. I can't understand how this problem can be "low fruit", it makes the dashboard unusable...

[stacey-gammon]

You are right @Funbit -- Looks like somehow this issue which was fixed at some point has appeared again, at least I can confirm it exists in 5.5.1 where it should be fixed.

Re-opening.

cc @elastic/kibana-visualizations @nreese

[stacey-gammon]

Can you explain @Funbit how it makes the dashboard unusable for you? While it is annoying, in my testing, there is a workaround if you wiggle the mouse over the legend value you wish to highlight then it will refocus correctly. I just want to be sure I am fully understanding the issue.

[nreese]

This issue was fixed by PR #11910 and that was never back-ported to 5.x.

[stacey-gammon]

Ah, thanks for the update @nreese, I'll go ahead and close again and remove the 5.0 tag. At this point, I'm not sure there is another 5.5.x coming, so may not be worth it to backport now.

[Funbit]

Well, I think the original topic explains the problem, but I will try to elaborate the issue:

First of all, short captions - no problems. One could think that everything works ideally:

But when captions are long (and I'm now talking about awkwardly long ones, URLs etc), like in the animation below, everything starts to dance like crazy when mouse moves over, causing the following problems:

• when I move mouse over a caption, sometimes corresponding bars don't get highlighted (see "UnauthorizedAccess..." in the GIF)
• horizontal scrollbar appears just to show the caption tooltip... leading to unnecessary chart resizing and refreshing, slowing down the performance
  

The ideal solution, at least for me, would be an option in the Kibana settings to disable the caption tooltips at all. They are pretty useless anyway, because it's much easier to click on the caption to see the hidden part, select it, copy to clipboard (!), etc...

I'm not sure, maybe I'm too meticulous.. (I'm a perfectionist by nature), but all my teammates agree that the current caption tooltip implementation is not good.

[jrumbinas]

Additionally, I'm unable to view the tootlip for the few last items