Skip to content

fix(catalog): keep the text stagger preview inside the frame - #3255

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

fix(catalog): keep the text stagger preview inside the frame#3255
miguel-heygen merged 1 commit into
heygen-com:mainfrom
AksharP5:fix/text-stagger-preview-clipping

Conversation

@AksharP5

@AksharP5 AksharP5 commented Aug 13, 2026

Copy link
Copy Markdown
Contributor

What

The Text Stagger Catalog preview clips the first and last words at opposite frame edges. This keeps the complete phrase visible throughout playback.

Fixes #3253.

Why

The 2.6× wrapper scale made the demo wider than its 1920×1080 composition. The small label also had only 2.46:1 contrast against the background.

How

Reduced the preview-only wrapper scale to 1.9×, changed the label to a compliant gray, and regenerated the Catalog payload. The installable component and animation timing are unchanged.

Test plan

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

Validated with:

  • bun run build
  • bunx oxfmt --check registry/components/text-stagger/demo.html
  • bun run lint:registry-items text-stagger
  • npx hyperframes check against the standalone demo
  • Before and after Catalog renders inspected

Before and after

comparison.mp4

@AksharP5
AksharP5 force-pushed the fix/text-stagger-preview-clipping branch from 622a202 to b857b2c 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/text-stagger-preview-clipping branch from b857b2c to 49a20b6 Compare August 13, 2026 03:49
@miguel-heygen
miguel-heygen merged commit a2109a8 into heygen-com:main Aug 13, 2026
47 checks passed
@AksharP5
AksharP5 deleted the fix/text-stagger-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.

Text Stagger catalog preview clips the first and last words

2 participants