The cell border of heatmap is not a rectangle

[hotohoto]

Expected behaviour

The cell border is supposed to be a rectangle.

Actual behaviour

Only bottom and top sides of the border are visible.

Live demo with steps to reproduce

http://jsfiddle.net/hotohoto/4uwu6nm1/1/

Affected browser(s)

I've tested it with Chrome.

[jon-a-nygaard]

Internal Note: Treemap had the same dilemma, which was solved by setting a higher zIndex when state is hover in Point.setState
Edit: The note above only applies to borders regarding hover

[jon-a-nygaard]

Hi @hotohoto Here's a workaround that you can try out, let me know if this is an acceptable solution for you.

[hotohoto]

@jon-a-nygaard, that is a great solution!
Thanks

[jon-a-nygaard]

You're welcome!

I added a change which will fix the issue with border color on points in hover state. But I will close this issue as a won't fix, because we do not see a proper way to accomodate borders on points in a normal state.
For instance, shrinking the size of the points to make room for the border size is an option we consider to be invalid, because the points would get incorrect dimensions.

Should anyone have further information on this issue, feel free to comment.