mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-09-03 04:38:33 +00:00
Miguel Ángel
825c0aa194
When GSAP applies transforms (scale, translate) to the root composition element during playback, rootRect.width/height from getBoundingClientRect() changes to reflect the transformed size. The overlay scale calculation (rootScaleX/Y = iframeRect / rootRect) then produces wrong values, causing overlays to appear at incorrect positions during animated playback — especially visible during scroll animations (y transform) and entrance animations (scale transform). Fix: use the composition's declared data-width/data-height attributes for scale calculation. These are the canonical dimensions that don't change with GSAP transforms. Falls back to rootRect dimensions when the attributes aren't present (non-composition elements).