fix(catalog): center the menu morph preview - #3256
Conversation
f26fc49 to
3366fcc
Compare
miguel-heygen
left a comment
There was a problem hiding this comment.
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
left a comment
There was a problem hiding this comment.
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.
3366fcc to
1ef5c48
Compare
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
zoomchanged the wrapper layout footprint before the grid centered it.How
Replaced the preview-only
zoomwith an equivalenttransform: scale(3.4)and regenerated the Catalog payload. The installable Menu Morph component and its animation timing are unchanged.Test plan
Validated with:
bun run buildbunx oxfmt --check registry/components/menu-morph/demo.html docs/public/catalog/components/menu-morph.jsonbun run lint:registry-items menu-morphnpx hyperframes checkagainst the standalone demoThe 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