Hello guys, first of all I would like to thank you all for the lib, it's amazing! I'm trying to animate the entrance of a text in the screen, where each word of the text fades in to the screen in sequence. I've made a working version, but there's one detail that I would like to change. Here's the working version: ![Screen Recording 2023-06-22 at 5 38 34 PM](https://github.com/remotion-dev/remotion/assets/37125288/67ba6fa5-a914-4e82-9749-6d9cd60380aa) The problem for me is that each new word pushes the already rendered words a little bit since the element is only mounted when each animation starts to play. Here's how I created this animation, maybe this will help: ```ts import {Sequence} from 'remotion'; import {Text} from '../components/Text'; import {FadeStart} from './FadeStart'; interface Props { // How long does it take to each word to start transition entranceIntervalInFrames?: number; // How long all the words will be shown together durationInFrames?: number; children: string; } export function AnimatedWords({ entranceIntervalInFrames = 10, durationInFrames = 80, children, }: Props) { const words = children.split(' '); return (

{words.map((word, index) => ( {word} ))}

); } ``` So my question is, is there a way to force the sequence to render its children even though the animation is not within the time range of display?

Is there a way to keep Sequence children mounted while not within the time range of display? #2435

Company

Community

Support

Connect