Skip to content

Dialog loses draggable functionality when using headless mode with #container slot #7892

@mrmt00

Description

@mrmt00

Describe the bug

The Dialog component can be draggable only when you are not using the #container template.
I found myself trying to build a dialog with an extra slot using all the css classes .p-dialog-* so it looks exactly as the other dialogs and I didnt find a way to make it draggable without having to write a composable with functionality that already lives inside the dialog component

Pull Request Link

No response

Reason for not contributing a PR

  • Lack of time
  • Unsure how to implement the fix/feature
  • Difficulty understanding the codebase
  • Other

Other Reason

I will contribute after creating the issue

Reproducer

https://stackblitz.com/edit/primevue-4-vite-issue-template-2qbynaac?file=src%2FApp.vue

Environment

Vue version

PrimeVue version

Node version

Browser(s)

No response

Steps to reproduce the behavior

  1. click on the button, open the dialog
  2. try to drag it

Expected behavior

You should be able to drag it

Metadata

Metadata

Assignees

No one assigned

    Labels

    Status: Needs TriageIssue will be reviewed by Core Team and a relevant label will be added as soon as possible

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions