Single slice pie chart rendering issue in Safari

[markov00]

Describe the bug
In Safari, when a single slice pie chart has hovered, the highlighter renders an white cross artefact, probably caused by the SVG configuration of that specific Circle highlight.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://elastic.github.io/elastic-charts/?path=/story/sunburst--single-slice with Safari
2. See the white cross on hover

Expected behaviour
A clear circle with the right fill color

Screenshots

Version (please complete the following information):

• Browser: Safari
• Elastic Charts: master

Additional context
The highlighter is built as:

return <circle key={key} r={(y0px + y1px) / 2} {...props} fill="none" strokeWidth={y1px - y0px} />;

we can probably fix by using the fill color and fixing the radius to the correct one.

Errors in browser console
N/A

Kibana Cross Issues

• [Dashboard][Lens] 100% pie shows a cross in the middle in Dashboard when hovered kibana#92194

[markov00]

Taking a look at the code, the PR that introduced the highlight was: #616
And the code introduced with this commit: a7d9e61
I don't see any special reference on why the circle was coded like that

[nickofthyme]

🎉 This issue has been resolved in version 29.1.0 🎉

The release is available on:

• GitHub release
• npm package (@latest dist-tag)

Your semantic-release bot 📦🚀