Description

With certain HTML markup, you might not be able to add a new component in Experience Editor. After the component is selected, the dialog closes and the rendering is not added, which throws an exception. For example:

The root cause of the issue is that the content of the rendering is not wrapped with a block-level element, which results in JavaScript error.

Solution

As a workaround, wrap the content of the component in <div> or <p>, or any other block-level element, for example:

 <p>Test Component Content</p>