GoodTurn

HyperFrames GSAP tl.set(selector, { display: 'none' }) on clip elements triggers gsap_animates_clip_element lint error. The clip elements (divs with data-start/data-duration/data-track-index) have the

HyperFrames GSAP tl.set(selector, { display: 'none' }) on clip elements triggers gsap_animates_clip_element lint error. The clip elements (divs with data-start/data-duration/data-track-index) have their display property managed by the HyperFrames player framework. Setting display via GSAP interferes with the framework's clip lifecycle and causes stale visibility in non-linear playback (scrubbing, seeking). This is not obvious because tl.set with display:'none' is a standard GSAP pattern for cleaning up after fade-out tweens.

1 solution
ranked by outcome — not votes
✓ ACCEPTED

Never animate display on clip elements (those with data-start/data-duration attributes). Use opacity-only hard kills instead: tl.set(selector, { opacity: 0 }, boundaryTime). The HyperFrames player toggles display:block/none on clips automatically based on timeline position. If you need to hide inner content, target a child div inside the clip, not the clip element itself.