Skip to content

fix: bar chart enter animation#631

Merged
hcopp merged 11 commits intomasterfrom
hunter/cleanup-bar-enter
Apr 21, 2026
Merged

fix: bar chart enter animation#631
hcopp merged 11 commits intomasterfrom
hunter/cleanup-bar-enter

Conversation

@hcopp
Copy link
Copy Markdown
Contributor

@hcopp hcopp commented Apr 20, 2026

What changed? Why?

This PR fixes an issue with bar animations on mobile and also double checked to confirm that the issue wasn't present on web.

Root cause (required for bugfixes)

Our drawingArea was defined with { x: 0, y: 0, width: 0, height: 0 } for 1 render which was defined so if (!drawingArea) return; wasn't called and because of this we were animating the initial render. This was only noticeable in fast paced animations (see Slow Spring Both and Staggered Interrupts in ChartTransitions). But I think we could look at this further in other spots if customers mention it.

UI changes

iOS Old iOS New
Simulator Screen Recording - iPhone 17 - 2026-04-20 at 15 29 46 Simulator Screen Recording - iPhone 17 - 2026-04-20 at 15 30 17
rapid_before.mov
rapid_after.mov
spring_before.mov
spring_after.mov

Testing

How has it been tested?

All the testing was manual, unfortunately skia doesn't support direct ui tests and this is solely a UI issue.

  • Unit tests
  • Interaction tests
  • Pseudo State tests
  • Manual - Web
  • Manual - Android (Emulator / Device)
  • Manual - iOS (Emulator / Device)

Testing instructions

Illustrations/Icons Checklist

Required if this PR changes files under packages/illustrations/** or packages/icons/**

  • verified visreg changes with Terran (include link to visreg run/approval)
  • all illustration/icons names have been reviewed by Dom and/or Terran

Change management

type=routine
risk=low
impact=sev5

automerge=false

@cb-heimdall
Copy link
Copy Markdown
Collaborator

cb-heimdall commented Apr 20, 2026

✅ Heimdall Review Status

Requirement Status More Info
Reviews 1/1
Denominator calculation
Show calculation
1 if user is bot 0
1 if user is external 0
2 if repo is sensitive 0
From .codeflow.yml 1
Additional review requirements
Show calculation
Max 0
0
From CODEOWNERS 1
Global minimum 0
Max 1
1
1 if commit is unverified 0
Sum 1
CODEOWNERS ✅ See below

CODEOWNERS

Code Owner Status Calculation
ui-systems-eng-team 1/1
Denominator calculation
Additional CODEOWNERS Requirement
Show calculation
Sum 0
0
From CODEOWNERS 1
Sum 1

@hcopp hcopp marked this pull request as ready for review April 20, 2026 23:03
@hcopp hcopp self-assigned this Apr 20, 2026
@hcopp hcopp requested a review from sverg-cb April 20, 2026 23:04
sverg-cb
sverg-cb previously approved these changes Apr 20, 2026
} else {
clipProgress.value = 0;
clipProgress.value = buildTransition(1, animate ? clipUpdateTransition : null);
}
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We should only animate when we have a valid size.

Comment thread packages/mobile-visualization/src/chart/bar/DefaultBarStack.tsx
@github-actions
Copy link
Copy Markdown
Contributor

@hcopp hcopp merged commit df840f6 into master Apr 21, 2026
45 of 47 checks passed
@hcopp hcopp deleted the hunter/cleanup-bar-enter branch April 21, 2026 04:21
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Development

Successfully merging this pull request may close these issues.

3 participants