DUPLICATE: Nested components fail to render layout styles and content beyond Level 1 slots in the builder

There is a rendering breakdown in the builder preview when working with nested components that contain nested slots (Level 2 nesting and beyond). While the components render accurately on the frontend, the builder canvas strips out some fundamental layout properties.

Steps to Reproduce

  1. Create a main master component containing a layout slot (Level 1 Slot).
  2. Insert an instance of this component onto a page.
  3. Inside the Level 1 Slot, insert a secondary component that also contains its own internal slot system (e.g., a custom Accordion or Tab component with a Level 2 Slot).
  4. Populate the Level 2 Slot with content elements (e.g., buttons, text blocks, or layout blocks).
  5. Observe Issue A: The layout formatting breaks inside the builder preview—elements shrink in width, column/row gaps disappear, and inner child structures (like icons) fail to display.
  6. Observe Issue B: Attempt to click directly on the Level 2 nested content from the active builder canvas. It cannot be selected via mouse click; selection is only possible by navigating down the Structure tree panel.
    [/private/]

I’m just providing a reduced test case here, as the example above is using BricksExtras elements, but the failing to render when inside slots is something that can happen with all nestable elements, so here’s a reliable way to reproduce..

The core issue is.. if you turn a nestable element into a component when it’s inside of a slot, it won’t output inside of the builder.

Steps..

  1. Create a component, add a slot inside the component.
  2. Choose a nestable element (tabs/accordion/slider) and add inside the slot
  3. Turn that nestable element into a component.
  4. It will disappear inside of the builder.

As shown in the video, a workaround is to add a parent element, turn that into the component instead of the nestable element, and then the nestable element inside will output.

Hi Emmanuelson,
Thanks so much for your report, and thanks, David, for the additional replication steps.

Both issues are already on our radar. For #A, we already have a fix under review, so I expect it to be included in one of the next versions. I tried it with Davis steps, and it works as far as I can tell:

Please follow this thread for updates on issue #A: WIP: Component slot missing style - #6 by Hawei

Issue #B has also been reported previously and is still in progress. Please follow this thread for updates: WIP: When clicking slotted element on canvas parent element is selected instead

Since both issues have already been reported, I am marking this thread as a duplicate and closing it.

Best regards,
timmse