Overlay positioning off-center when triggered from a button inside a component
I have a video overlay set up on a button inside a component (a "Watch Demo" CTA). When the overlay is triggered, it appears offset/shifted rather than centered on screen.
The overlay renders relative to the button's position on the page rather than the viewport center. Setting offset to 0x0 anchors it to the top-left of the button, not the screen center. There is no "Center" option in the Position dropdown — only Top, Right, Bottom, Left.
What I've tried:
Setting offset to 0x0 — anchors to button position
Adjusting X/Y offset manually — shifts it but doesn't truly center it
Changing Width/Height to Fill — Fill is disabled for overlays
Typing 100vw/100vh directly into size fields — not working as expected
What is the correct way to make a Framer overlay appear centered on the viewport regardless of where the trigger button is placed on the page? Is there a way to enable a full-screen backdrop with centered content for a video modal use case?
