Skip to content

Bar graph has a glitch when updating bars, mix up data for a split second #3054

Open
@olignyf

Description

@olignyf

Is there an existing issue for this?

  • I have searched the existing issues

Code of Conduct

  • I agree to follow this project's Code of Conduct

Victory version

37.3.6

Code Sandbox link

https://codesandbox.io/p/sandbox/victory-bar-react-glitch-repro-forked-7cr82z

Bug report

Check the provided code sandbox for a usable reproduction.

Steps to reproduce

- have a bar graph with grouped bars using <VictoryGroup>
- toggle the visibility of some bars

Expected behavior

There should be no mixed-up transition period where there is a flicker of the new colors on the previous bar values (so wrong color). It should change everything at the same time (color and value). 

Actual behavior

- There is a transition time where the removed bar color and value moves to another bar, thus showing transient wrong data.
- It happens very fast. For the code sandbox we need to throttle the CPU 6x down using dev tool.
- On a full-scale app it is visible without slowdown and our QA department entered a bug.

Environment

- Device: Desktop
- OS: Windows
- Node: N/A
- npm: N/A

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type: Bug 🐛Oh no! A bug or unintentional behavior

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions