Allow dropping components to the nested container component.

[Rahul139-stack]

Is your feature request related to a problem? Please describe. We have accordion and accordion item component that are both containers. We are able to drop accordion item into accordion. And we would like to drop the other component to accordion item container.

Describe the solution you'd like. We would like to see drop target for accordion and accordion item at the same time.

[paweljozwicki]

Hi, I want to confirm if I understand the issue. We support showing a drop target for empty containers, so you are able to show a drop target for:

• an empty Accordion:
• an empty Accordion Item container:

But if I understand correctly: you want to show something like that:

Am I right?

[Rahul139-stack]

Hi @paweljozwicki ,Thanks for helping us. But we not able to drag any components to the parent accordion(Prime vue accordion) directly. When we edit the parent accordion, then able to drag those component easily. 1.Not able to drop here. 2.Able to drag the component here after edit submit.

[paweljozwicki]

Thanks, now I see the problem. It's because Page Editor relies on HTML comments, but Vue removes them inside the rendered component. According to documentation this should help. After the edition, the DOM is changed and it doesn't display well, but comments required by Page Editor are available. It's why Drag & Drop is available.