victory icon indicating copy to clipboard operation
victory copied to clipboard

Custom component for `axisLabelComponent` in combination with `animate` causes render bug

Open aikewoody opened this issue 1 year ago • 0 comments

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/aikewoody/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}: Simulator Screen Shot - iPhone 13 mini - 2022-09-27 at 16 55 56

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

aikewoody avatar Sep 27 '22 15:09 aikewoody