Website & Embed
Auto-Resizing Embeds
No scrollbars, no layout fights
Auto-Resizing Embeds eliminate the scrollbars, fixed heights, and layout fights that plague traditional iframe integrations. The Elements SDK uses cross-origin messaging to communicate content height changes to the parent page, adjusting the embed container dynamically as users navigate, fill forms, or browse recipients. The result is an embed that feels like a native part of your website.
The Problem
Traditional iframe embeds require fixed heights that either waste space or create scrollbars. As content changes -- paginating results, expanding forms, showing errors -- the fixed height never matches.
The Solution
With HYS Auto-Resizing, the embed adjusts its height dynamically as content changes, eliminating scrollbars and layout issues so the experience feels native to your website.
How it works
SDK monitors content
The Elements SDK monitors the height of embedded content continuously, detecting changes from navigation, form interactions, error messages, and pagination.
Cross-origin messaging
Height changes are communicated to the parent page using secure cross-origin messaging (postMessage API), compatible with all modern browsers.
Seamless adjustment
The parent page container adjusts instantly to match the content height -- no scrollbars, no jump, no delay.
Key features
Frequently asked questions
Ready to get started?
See how auto-resizing embeds can transform your organization.