Incubator-superset: Tooltip box too small for some charts

[etr2460]

For the area charts in the dashboard I'm working on, the tooltip box size doesn't match the contents and the text overflows (image attached).

Expected results

Tooltip to render properly

Actual results

How to reproduce the bug

Make an area chart with long series values

Environment

(please complete the following information):

• superset version: master
• python version: 3.6
• node.js version: 8.6

Checklist

Make sure these boxes are checked before submitting your issue - thank you!

• [x] I have checked the superset logs for python stacktraces and included it here as text if there are any.
• [x] I have reproduced the issue with at least the latest released version of superset.
• [x] I have checked the issue tracker for the same issue and I haven't found one similar.

[issue-label-bot[bot]]

Issue-Label Bot is automatically applying the label #bug to this issue, with a confidence of 0.88. Please mark this comment with :thumbsup: or :thumbsdown: to give our bot feedback!

Links: app homepage, dashboard and code for this bot.

[etr2460]

Likely an issue with the nvd3 plugin https://github.com/apache-superset/superset-ui-plugins/tree/master/packages/superset-ui-legacy-preset-chart-nvd3

[rusackas]

I can't see the top blacked-out text, but I'm curious if adding some CSS to that element, i.e. word-break: break-word; might be enough.

[etr2460]

That might be enough, or maybe making the box itself bigger

[rusackas]

The long game will be deprecating NVD3... but that's another story. :)

[rusackas]

I'll tackle this one... @etr2460 / @mistercrunch feel free to assign to me.

[rusackas]

PR created on superset-ui-plugins:
https://github.com/apache-superset/superset-ui-plugins/pull/276

[etr2460]

This is merged into master now, closing