Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Allow dropping components to the nested container component. #88

Open
Rahul139-stack opened this issue Dec 14, 2022 · 3 comments
Open

Allow dropping components to the nested container component. #88

Rahul139-stack opened this issue Dec 14, 2022 · 3 comments
Labels
enhancement New feature or request

Comments

@Rahul139-stack
Copy link

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.
@Rahul139-stack Rahul139-stack added the enhancement New feature or request label Dec 14, 2022
@paweljozwicki
Copy link
Contributor

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:

Screenshot 2022-12-14 at 11 12 52

- an empty Accordion Item container:

Screenshot 2022-12-14 at 11 13 03

But if I understand correctly: you want to show something like that:
Screenshot 2022-12-14 at 11 44 45

Am I right?

@Rahul139-stack
Copy link
Author

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.
MicrosoftTeams-image (7)
2.Able to drag the component here after edit submit.
MicrosoftTeams-image (5)

@paweljozwicki
Copy link
Contributor

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
enhancement New feature or request
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@Rahul139-stack @paweljozwicki