Custom component for `axisLabelComponent` in combination with `animate` causes render bug
Author: aike19115Created Sep 27, 2022Updated Oct 8, 2024
LabelsType: Bug :bug:Issue: Accepted
Describe the bug
Setting a custom label component for the property axisLabelComponent for the VictoryPolarAxis component, in combination with enabling animate causes the custom label component to be rendered outside the chart.
Victory version
"victory-chart": "^36.6.8",
"victory-core": "^36.6.8",
"victory-native": "^36.6.8",Code Sandbox link https://github.com/aike19115/victory-native-example-custom-axis-label
To Reproduce
- Clone the above GitHub repo
- Run
yarn install - Run
yarn ios
Expected behavior
That the labels renders in a correct position just like when animate={false}.
Screenshots
In the screenshot the above chart is with animate={false}, the below chart is with animate={true}:

Smartphone (please complete the following information): iOS Simulator, iPhone 13 mini, iOS 16.0
Source: FormidableLabs/victory