I use interations animation feature. I’ve attached the element settings. When I scroll you can see that for about a millisecond the elements flicker on their end position and then the animation starts. I’ve recorded a screencast of it (https://www.berrycast.com/conversations/bddf5ad3-9d2b-5538-9561-6e432649246b). This effect depends on how fast I scroll. Hope this issue can be solved! I also made the observation that occasionally the animation is not triggered at all (also depending on scroll speed).
This is obviously connected to this issue which still remains as ‘Solved’ even though it is not:
No matter if the elements are above the fold or not, they flash for a brief moment before the animation starts. Adding delay does nothing, changing opacity to 0 makes the animation work well (the element doesn’t flash) but after the animation the element just disappears.
Hey @Tobsen@gokki@onediv ,
Can one of you provide me with a simple template.json file where I can explicitly see and understand the problem? That would speed things up significantly
Calculated in Bricks versions, this is a report from the Stone Age and therefore not relevant.
There is an interaction on the class on the H1 element, simple fadein on Content Loaded. You can see that on the front page on the H1 - https://onedivdesign.com/, element shows up for a split second before the animation starts. Either it’s not supposed to work like that or there’s something I don’t understand and we’re supposed to structure the Interactions differently.
A temporary work-around can be found here but please see my note in a later response. You could use a custom class instead of data-attributes but it would be best if Bricks made a permanent solution.
You know I’m not one to sit on your seats.
But I’d just like to give a use case so you know the impact for your customers.
I updated the client site which had entry animations on nearly every element end on a lot of pages.
Had the flicker problem which is now fixed thanks to the code from zestjosh.
Otherwise the site would be practically unusable (extremely annoying to see the images and text and have it go away again and fade-in again).
Shouldn’t something like this get a hotfix? (is hotfixes a discussable topic?)
I ran the converter. But I now need to set every element manually to ‘only once’, since the entry animation was once, but now it fades-in everytime you scroll. And there is no fix I can find for that.
I have 1.6.2 and still had the flashes, but my pages did have a lot of entry animations which may have been contributing to it. The popup also had a fade-in animation, once I removed that my button was visible again.
