Error when rendering text block inside Accordion Item Detail when text is longer than page height

Bugs
1

Builder content link

Builder public api key
e1cc09c0cabe49d0b318490df1dc9c22

Detailed steps to reproduce the bug

  • insert a very long text inside an accordion item detail, this text should pass the height of the screen
  • add another accordion item below it
  • open and see the magic happens

Screenshots or video link

Code stack you are integrating Builder with

  • NextJS
  • react

FIX FOUND
By adding this class to the global CSS editor, I was able to overcome this issue:

.builder-accordion-detail-open {
  max-height: initial !important;
}

for testing purposes, I removed the fix so the error could be seeing live

2

Hi @rs_angelechavarria,

Thanks for bringing this to our attention! Our team is aware of this styling issue with the accordion block and is working to resolve it. In the meantime, adjusting the max height added to the accordion detail is the correct way to resolve this.

1 Like