Tooltip width calculated wrong.

[DennisPiskovatskov]

Expected behaviour

The tooltip background has to be expanded.

Actual behaviour

Only the part of the tooltip background is "black". Please see attached image.

Live demo with steps to reproduce

Have a look this picture: https://drive.google.com/file/d/1u6i4JXNU3AdsRHF9X9sa-iYcZEoGIh_K/view?usp=sharing

Product version

"sunburst-chart": "^1.11.2",

Affected browser(s)

Chrome, Version 87.0.4280.88 (Official Build) (64-bit)

[DennisPiskovatskov]

.sunburst-tooltip {
display: none;
position: absolute;
max-width: 320px; // <---- The problem is here!
white-space: nowrap;
padding: 5px;
border-radius: 3px;
font: 12px sans-serif;
color: #eee;
background: rgba(0,0,0,0.65);
pointer-events: none;
}

[vasturiano]

@DennisPiskovatskov thanks for reaching out.

To adapt this to your use case, you can override the styling from your app.
Basically you'd need to add a css rule like:

.sunburst-tooltip {
  max-width: 1000px !important;
}