Button Componenet + ACF Repeater: Button lose styling

Hoping someone can help me out with this:

Built some buttons as components that I’m connecting to some ACF Repeater (Flexible Content) modules.

When pulling components from the ACF repeater, the first time a button is displayed, it looks as intended. If that same element is called from the repeater again, the button is displayed with no styling.

Looking in DevTools and it seems like a class is not being applied.

Screenshots attached and login credentials in Secure Note.

Doing a little troubleshooting on my own and notice that when deploying the component via a shortcode, the styling does carry over when called through an ACF Repeater.

The example page is updated showing it in action.

Just checking - is anyone able to look into this?

I’m not entirely what’s going with the looper part of it. However if I route rendering to the current component shortcode is seems to output correctly in your example. This issue with loopers and components has been around from what I’ve read unfortunately. It’s also a bit of a rabbit hole. It might take a me a week or two to handle, but I appreciate the simple example for me. Feel free to check in on this and have a great day.

@charlie - no worries and appreciate your response. Just wanted to get this on someone’s radar, because the shortcode deployment lead me to believe it might be something funky.

Hey Tyler,

Just wait for Charlie’s updates regarding this issue.

Cheers!

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.