WAIT: In Builder and Preview, images have multiple transparency animations applied when unwanted

Browser: Firefox 141.0
OS: macOS

In the first layout I’ve built with Bricks, in both Builder and Preview mode, images I’ve placed on the page pulsate as if I have placed CSS animations on them (“opacity 0.2s ease-in; grayscale 0.2s ease-in”) – but I have not placed animations on them. Firefox Inspect displays 31 (!) transition and animation directives on just one of the image IDs in ?bricks=run inline CSS. This seems to be associated with a “rerender-loop-id” keyframes set that appears to be repeated over and over, for every image ID.

These animations disappear when the page is viewed on the frontend and the repetitive CSS is gone, so this is not a production issue, but it is annoying, because if I did want to animate images, it would make it hard to judge what’s going on.

See Jam

Hi @jdavies and welcome to the forum :partying_face:

This usually happens when something is still loading/refreshing. I do not see from your structure, but did you use a query loop for images?

As a first step, can you copy-paste your structure so I can test it locally?

Thank you,
Matej

I think I started with a Query Loop on the page but I decided to remove it and hand populate the cards in that grid. If I recall correctly, at one point I exited the Builder and cleared the cache, but the animations persisted when I reopened the page. Perhaps I should have reloaded the canvas?

At any rate, we can close this, as this morning when I logged into the site and opened the page in Builder, the animations have stopped, and the “rerender-loop-id” keyframes are no longer present in the bricks=run code. Maybe a local browser caching issue?

But thank you Matej for your offer of assistance! I am curious about your instruction to “copy-paste your structure” – when I do that, I get a big JSON file. Is that something I can paste here in the forum and you can review and test? As you can tell, I am a newbie.

Hi @jdavies,

Hmm, ok, so no query loop, but it might be the connected with enabling/disabling query loop.

If this happens again, CTRL/CMD + F5 should work. Can you try, if you get this issue again?

Exactly. You will get a JSON, that you can paste it here (please paste it inside the three backticks (```), so that it’s properly formatted.
Then I can copy it here and paste it straight to the builder. :slight_smile:

We can try that. If I’ll not be able to replicate the issue this way, I’ll ask you for login credentials, and a way to replicate this.

Thanks,
Matej