Parsys inside component using Sightly/AEM 6 SP1

[Daniel245]

Hi there,

I'm trying to include a parsys inside an accordion component.

The use case is that an author would drag and drop an "Accordion" component which would come with a parsys thats inside the "collapsible" area. 

I'm including the parsys inside the component like so : <div data-sly-resource="${ @path='par', resourceType='myapp/components/parsys'}"></div>

What's happening is that the parsys inside the component initializes and has the "drag components here" editable area but the parent component edit area is disabled. Meaning that if I hover over it or click to configure it just wont work. 

This is fixed as soon as the page is reloaded. I did notice that the parent div has draggable set to false and a "is-disabled" class. 

Screenshots attached 

Has anyone been able to include a parsys inside a component?

Thanks in advanced!

Working after refresh :
[img]Screen Shot 2014-12-07 at 12.38.22 AM.png[/img]

Not working after drag and drop into template parsys
[img]Screen Shot 2014-12-07 at 12.38.35 AM.png[/img]

[Daniel245]

BUMP.

With further investigation, I tried to add the afterinsert cq:listener and this doesn't fire either due to the fact that a parsys is part of the component.

As soon as the parsys is removed, the listener gets fired.