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

Labels

Type: EnhancementIssue contains an enhancement related to a specific component. Additional functionality has been add

Type

No type

Projects

Status

Done

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions