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

Builder content link

Builder public api key

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

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

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