Specifing a classname to tooltip configuration and providing styles targetting such breaks SVG container sizing calculations about highcharts

[hubertkozik]

Hi @Erbenos!

I agree, it should work exactly the same as for styling by highcharts-tooltip class. The first hovered point tooltip container has bad dimensions.

Simplified demo: https://jsfiddle.net/BlackLabel/n4xh9d0r/

As a workaround, you can style the tooltip, e.g. change the font size, by setting it in tooltip.style object, like in the demo below.

Workaround: https://jsfiddle.net/BlackLabel/03n1h2ev/
API Reference: https://api.highcharts.com/highcharts/tooltip.style

[Erbenos]

Unfortunately this sort of workaround is bare minimum, since if you are at point of using CSS styles, its likely that the tooltip contents are more rich content wise (and as such you are targetting only some pieces of it) and setting one font size for the entire tooltip doesn't help much cause its not as gradual as one needs it to be.

[hubertkozik]

You can configure the tooltip headerFormat and pointFormat as you would like to achieve different font-size in tooltip.

Live demo: https://jsfiddle.net/BlackLabel/qpb390rk/

If you need help with chart configuration feel free to reach out to our other support channels, for example Highcharts forum, where our support engineers will help you with the configuration of your chart.

[Erbenos]

Which I suppose are also subject to #17593 hence aren't applicable for my usecase, assuming they inherit the same troublesome behavior when attaching arbitrary classes.