Module content within accordion not expanding accordion/row

Beaver Builder
1

I’m having an odd issue with my row/accordion not expanding properly based on the content loaded from a saved module.

I’ve tried the standard accordion using a shortcode of the saved module, powerpack accordion loading saved module, and uabb advanced accordion and all seem to have the same issue.

accordion-issue
accordion-issue1631×973 72.3 KB

The behavior:

  • Click to expand accordion
  • The accordion doesn’t expand enough to display the content (it gets cut off)
  • As soon as you start to scroll it displays properly
  • If you close the accordion and open it back up, it works properly
  • But it’s the first opening that doesn’t work

The saved module is a UABB Advanced posts module with a custom post layout and styling applied.

I’m not sure if it’s just a setting I have in place, but seems to be something odd, maybe a bug?

2

You need to trigger a resize event via JS when your accordion is clicked, that will trigger whatever js is in your accordion. Try resizing the browser slightly you will see what I mean.

The solution is here but you might need to adapt the JS

3

Okay, thanks. I’ll try that out and see if I can adjust the JS to make it work.