(probably a known issue, but couldn’t find a bug report on it here in the forum, tagged as v1.12.2 where I tested, but could have been true for previous version also)
Pretty easy to replicate, as it happens reliably to all nestable elements (other than blocks/divs/containers).
The issue: When inside of a component, the elements aren’t rendering the data as set as the component property when inside of a nestable element. When placed outside of a nestable element, they show ok.
Steps to reproduce -
- Add a gallery element to the page & also a nestable slider (as an example of a nestable element)
- Turn parent into component, which contains both elements.
- Setup the image gallery parameter to populate the gallery with images to output.
- Duplicate the gallery element and place one inside of the slider to see the bug being reported.
- Save and reopen the builder.
- Notice the gallery element doesn’t render the images when it’s inside of the nestable element, only shows a placeholder, but the same element does when not inside the nestable element.
This means when users are using lots of components, and nestable elements, much of the data/layout won’t be visible in the builder.
Screen recording showing these steps - Child elements of nestable elements do not render in the builder when inside of a component.
Replace the gallery element with a simple text element, with a text component property, and you see the same problem, the data from the property isn’t added - text example inside component
(also replacing the slider with nestable tabs will produce the same problem)