Usually, when we click a component in the builder (within the preview/iframe area, not in the structure panel) it takes us to the component settings (displaying the properties) where we can click the ‘edit component’ to be able to edit the inner elements and view their settings.
But with nested components, this only happens for the outermost component. When we’re inside of a component and click on a nested component to edit, instead of seeing the properties for that component, we see a ‘Element doesn’t exist’ error.
Steps to reproduce…
- Add section > container > block > heading (or any element here) to a page
- First, make the block into a component (this’ll be the inner component).
- When outside of the component settings, clicking this component will display the properties as expected.
- Make the container a parent component. While inside this parent component, try to click the inner component (the block in this case) to edit it. The error ‘Element doesn’t exist’ will show.
Screen recording showing steps…