Skip to content

fix(catalog): keep the animated bar chart preview in frame - #3254

Merged
miguel-heygen merged 1 commit into
heygen-com:mainfrom
AksharP5:fix/animated-bar-chart-preview-clipping
Aug 13, 2026
Merged

fix(catalog): keep the animated bar chart preview in frame#3254
miguel-heygen merged 1 commit into
heygen-com:mainfrom
AksharP5:fix/animated-bar-chart-preview-clipping

Conversation

@AksharP5

@AksharP5 AksharP5 commented Aug 13, 2026

Copy link
Copy Markdown
Contributor

What

The Animated Bar Chart Catalog preview clips the card at the top and cuts off every month label at the bottom. This keeps the full card visible throughout playback.

Fixes #3250.

Why

Catalog previews should show the component within the same 1920×1080 bounds users receive. The 2.1× wrapper scale made the demo card taller than those bounds.

How

Reduced the preview-only wrapper scale to 1.6× and regenerated the Catalog payload. The installable Animated Bar Chart component and its animation timing are unchanged.

Test plan

  • Unit tests added/updated
  • Manual testing performed
  • Documentation updated (generated Catalog payload)

Validated with:

  • bun run build
  • bun run lint:registry-items animated-bar-chart
  • bunx oxfmt --check registry/components/animated-bar-chart/demo.html docs/public/catalog/components/animated-bar-chart.json
  • npx hyperframes check --no-contrast against the standalone demo
  • Rendered and inspected the empty, growing, and settled states

Before and after

comparison.mp4

@AksharP5
AksharP5 force-pushed the fix/animated-bar-chart-preview-clipping branch from 313aa7a to 7419e47 Compare August 13, 2026 03:37

@miguel-heygen miguel-heygen left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Fact-checked against the live production Catalog at hyperframes.heygen.com and rendered production vs this exact head side-by-side at the same 1920×1080 viewport and settled playback state. The reported clipping/positioning defect is real, and this preview-only change fixes it without touching the installable component or animation timeline. The generated Catalog payload matches the demo source. Approved.

@miguel-heygen miguel-heygen left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Fresh exact-head approval after the restack. Fact-checked the live production Catalog and rendered production vs this head side-by-side at the same 1920×1080 viewport and settled playback state. The reported defect is real and this preview-only change fixes it without altering the installable component or timeline. Regenerated payload is source-identical (ignoring terminal newline); registry-item lint passes.

@miguel-heygen
miguel-heygen force-pushed the fix/animated-bar-chart-preview-clipping branch from 7419e47 to d8e5c48 Compare August 13, 2026 03:49
@miguel-heygen
miguel-heygen merged commit 158f15e into heygen-com:main Aug 13, 2026
47 checks passed
@AksharP5
AksharP5 deleted the fix/animated-bar-chart-preview-clipping branch August 13, 2026 04:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Animated Bar Chart catalog preview clips the card vertically

2 participants