Accordion nested content is displayed on top of the component using React SDK Gen 2

Bugs
1

Description
When I add an accordion component and click on the titles, the detail is displayed on top of the component, instead of doing so right under the clicked title.

Detailed steps to reproduce the bug

  1. Use React SDK Gen 2 on a project.
  2. Add an “Accordion” widget, either directly from the Visual Editor block in the “Layout” section, or from a template.
  3. Click on the accordion tabs.

Screenshots or video link

Code stack you are integrating Builder with
Remix, React (SDK Gen 2).

Additional notes
At first, this was going to be a GitHub issue, but there’s a lot of times where it’s unclear whether bugs and errors are caused by a faulty integration of Builder’s SDK on a project, or within the SDK code itself.

2

Hi Óscar,

Thank you for contacting Builder.io Support! I look forward to helping you with your request.

We have managed to replicate the issue, we will check this internally.

We will be updating you as soon as I have news.

Thank you,

1 Like
3

Hi,

My name is Veronika and I am a Customer Engineer here at Builder.

Thank you for bringing this issue to our attention.

We have issued a fix for the accordion - everything should be up to date and the accordion should be working as intended.

To update the SDK version, please run: npm i @builder.io/sdk-react@2.0.29 .
This is the updated SDK version with the fix on it.

I have also just attached a loom video of me testing out the behavior to make sure everything was working as intended.

That can be found here.

Please let me know if you have any further questions,

Thank you very much.

1 Like