I have a new site started in earlier betas, and one of the sections I had set up was a grid where I applied the Fade-In-Up animations on the cells. I added 200 ms delay on the lower cells so that they’d animate smoothly.
However, I just updated to RC1 from one of the prior betas (I think I was on Beta 8 on this site), and the delays stopped working. Now, all the cells animate in together, regardless of the settings.
It’s a local staging site, so I can’t give you access. But the basic repro is:
- Add a section
- Use a grid layout
- Set it to be a 2 x 2 layout (4 cells) then just add something to each column (headline, etc)
- Select each cell, and set its Scroll Animation to Fade In Up
- Go to the transition properties on Cell 2, and make the transition delay 200ms
- Set Cell 3 to 400ms, Cell 4 to 600ms
- Save, then load the page
Observed: All the cells will animate simultaneously.
I’m assuming this is related in some way, but another issue is that the cells are visible prior to the start of their animation. For example, in prior betas, none of the cells would be visible until they went through the Fade-In-Up animation. However, they now are visible on the screen as you scroll to them, then they will vanish, only to follow the animation as expected.
You can see both issues in this video. The recording starts with a blank white screen because I just refreshed the page. You will see the cells appear on the screen for a moment, disappear, and then animate up all at the same time.