VictoryTooltip overlap in VictoryGroup

[vluzhna]

The Problem / Bug

VictoryTooltip is overlapping in a VictoryGroup of VictoryBar with a vertical position on IOS.

Reason

I managed to understand that the problem is related to how the charts are drawn. Considering the input data array and the structure of drawing charts in a group, the Chart is drawn in turn. First from the first block of data, then the second, the third... This creates layering in the SVG image.

Each BarChart has his VictoryTooltip. Accordingly, in an active state of VictoryTooltip for BarChart, it is located on the same layer as the related Chart. That is, the first rendered VictoryBar and its VictoryTooltip will be overlaid by subsequent charts on IOS, unlike the web version.

I saw that this problem was already opened in 2018, 2019.., but was closed without solving it.

---

Request

Please could you please take a look into this issue? And maybe suggest to me how to fix it for time.

Example in Sandboxs

• Here is Sandbox of VictoryChart with VictoryGroup of VictoryBar for WEB -and you can see, all works fine.

• Here is Sandbox Expo with the same code, using victory-native to run on IOS - you will see the problem on the IOS simulator or run expo on your device. I took the code from Victory documentation: Group and Tooltip examples, so there is nothing extra.

[vluzhna]

@becca-bailey do you know if a fix for this issue will be considered?

[gleandroj]

@becca-bailey do you have any updates over this issue?

[radekzz]

Same problem here, using v36.6.8 on RN and renderInPortal doesn't help, it just convert tooltip on click to static tooltip always visible, constrainToVisibleArea also not helpful.

Actually my problem is, that xAxis labels are overlapping tooltip