Colors as rgb() cannot be used for hover option anymore

[mhoyer]

Hi,

this issue appeared after update from 5.0.12 to 5.0.13 (as we actually trusted in semantic versioning). We are relying on that configuration option to set a different color for plotOptions/column/states/hover to show a semi transparent color on top of the actual gradient column fill color.

Since v5.0.13 we experienced a black fill color with a style value set to rgb(NaN, NaN, NaN) in DOM explorer when hovering.

I prepared a simplified demo here: https://jsfiddle.net/zt4xm146/ If you enable the showBug option in the 1st line you can simulate the issue by hovering the column bars.

The problem is - as far as we figured out: when using rgb() or rgba() string values for this option it results in that black filling.

How it worked before

Furthermore, try to replace the <script> tag in the HTML section to use 5.0.12 version of highcharts:
<script src="https://code.highcharts.com/5.0.12/highcharts.js"></script>

Now the bug toggle variable shows no effect in terms of black filling on hover.

Side note

I think it may be related to this new "Added color animation on state change for non-marker based series like columns and tree maps" feature I saw in the changelog for v5.0.13.

I wonder why such features show up in a patch version? ;-)

[mhoyer]

Sorry. Totally wrong repo. 🤦‍♂️