Skip to content

fix(catalog): center the menu morph preview - #3256

Merged
miguel-heygen merged 1 commit into
heygen-com:mainfrom
AksharP5:fix/menu-morph-preview-framing
Aug 13, 2026
Merged

fix(catalog): center the menu morph preview#3256
miguel-heygen merged 1 commit into
heygen-com:mainfrom
AksharP5:fix/menu-morph-preview-framing

Conversation

@AksharP5

@AksharP5 AksharP5 commented Aug 13, 2026

Copy link
Copy Markdown
Contributor

What

The Menu Morph Catalog preview places the button near the lower-right corner and hides all three action chips below the video frame. This change centers the effect and keeps every action visible.

Fixes #3251.

Why

Catalog previews should show the complete component within the same 1920×1080 bounds users receive. CSS zoom changed the wrapper layout footprint before the grid centered it.

How

Replaced the preview-only zoom with an equivalent transform: scale(3.4) and regenerated the Catalog payload. The installable Menu Morph component and its animation timing are unchanged.

Test plan

  • Unit tests added or updated
  • Manual testing performed
  • Generated Catalog payload updated

Validated with:

  • bun run build
  • bunx oxfmt --check registry/components/menu-morph/demo.html docs/public/catalog/components/menu-morph.json
  • bun run lint:registry-items menu-morph
  • npx hyperframes check against the standalone demo

The browser check passes. The three persistent action-chip overflow findings from the original preview are gone. Two non-gating rotation warnings are unchanged from the original.

Before and after

comparison.mp4

@AksharP5
AksharP5 force-pushed the fix/menu-morph-preview-framing branch from f26fc49 to 3366fcc 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/menu-morph-preview-framing branch from 3366fcc to 1ef5c48 Compare August 13, 2026 03:49
@miguel-heygen
miguel-heygen merged commit c71fab3 into heygen-com:main Aug 13, 2026
47 checks passed
@AksharP5
AksharP5 deleted the fix/menu-morph-preview-framing 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.

Menu Morph catalog preview renders off-center and hides its actions

2 participants