Problem with accordion component flickers

Hey,
can you post a link to this?

It’s possible with some lazy loads or dynamic content the animation that slides the accordion open can’t find the inside size.

Ben

Hi, thanks for fast reply.

I can’t share a link because it’s on local dev Mac. I wanted to record a short video, or make a gif, but this forum not allow attachments.

The component has default setting with just 3 letters in heading and 3 letters in content, two items like this. Nothing else on the page.

This is strange. perhaps there is another plugin interfering or some css. If you look here do you see the same?

https://www.kadenceblocks.com/accordion-block/

Ben

Yes, I see the same on this link. It’s not unfolds smoothly, there is some lag in the middle. It folds fine, but unfolds with lag.

ok, what browser are you using?

Ben

Mac Chrome 79.0.3945.79 (Official Build) (64-bit)
Mac Firefox 71.0 (64-bit)

Weird that I don’t see this. hmm, let me see what I can figure out.

Ben

I opened your example website again in FF and CH, and it’s fine now.

edit: I refreshed and opened again in FF and it flickers again. It looks like it happens randomly. Try couple of time refreshing and unfold. It happens only when unfolding.

• This reply was modified 4 years, 11 months ago by Adam.

I think I see the issue, if the js for accordions runs before the content is fully rendered the animation can calculate the height incorrectly, doing some tests incognito let me see it kinda. Gonna work out a fix.

Ben

That make sense. I’m glad you found it. Good luck

Hey,
I pushed out an update which should resolve this ??
Ben

Great, thanks!