FormidableLabs / FormidableLabs/victory
Custom component for `axisLabelComponent` in combination with `animate` causes render bug
- Dominant language
- TypeScript
- Stars
- 11.2k
- Forks
- 536
- PR merge metrics
- No merged PRs in 30d
Description
**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
Contributor guide
Assessment
This issue has not been assessed yet.