[TSVB] Tooltip cut off when inspecting data points at the edge of the visualization

[alexfrancoeur]

Time series visual builder cuts off the tooltip when hovering over any data points that are close to the edge of a visualization.

Visualize handles this pretty well

Ideally, we'd be able to dynamically position the tooltip so that it is always readable

cc: @simianhacker

[thomasneirynck]

had a similar issue in Visualize. Was addressed with #11769.

[simianhacker]

I'm unable to reproduce this...

The tooltip always moves to the left when I get halfway to the right side the screen and always moves to the right when I'm on the left side of the screen. Do you have a dashboard where this consistently happens or any other details? @alexfrancoeur

[alexfrancoeur]

@simianhacker I'm able to reproduce pretty consistently.

Dashboard & visualizations attached. Metricbeat for data. TSVB.zip

[simianhacker]

@alexfrancoeur Can you export those with the following command:

curl http://localhost:5601/api/kibana/dashboards/export?dashboard=<id goes here>

[alexfrancoeur]

@simianhacker tsvb.json.zip

6.0.0-beta1 build btw

[simianhacker]

@alexfrancoeur Which browser are you using? This seems to be working fine in Chrome and Kibana (master).

[alexfrancoeur]

@simianhacker Chrome Version 59.0.3071.115 (Official Build) (64-bit) at the moment. Let me try loading these with master.

[alexfrancoeur]

Still seeing this with master as well

[simianhacker]

@alexfrancoeur I'm sorry... It's working for me on my mac...

And it's working the exactly the same on all my browsers (mac and linux). There must be something you have setup that different on your Mac than mine.

[alexfrancoeur]

@simianhacker This is crazy. I don't get it. I've met with a number of users who are seeing this behavior as well. Can you try incognito so no plugins are on Chrome? Also what OS version are you using? I'm on Sierra 10.12.5.

[simianhacker]

@alexfrancoeur Incognito mode doesn't make a difference, it still works correctly. I'm testing on Sierra 10.12.6 (Latest) with Chome Version 60.0.3112.101 (Official Build) (64-bit) which is also the latest. This is all a fresh install as of yesterday.

[tsullivan]

Is it specific to pixel density of the screen? Maybe it's working on a retina screen but not on a non-retina thunderbolt display (or vice versa)?

[simianhacker]

Thanks @tsullivan ... I figured out how to reproduce it. You HAVE to be on a Retina display. If you put the browser on a non-retina display and reload then it works fine. If start on a non-retina display and move it over to a retina display it works fine. If you reload on a retina display it stops working correctly. Seems like the problem is probably with Flot and how it calculates the pixels when the browser is loaded on a retina display.