PrimeNg - сделать динамически создаваемый диалог перетаскиваемым

Question

Я использую библиотеку PrimeNg. Он имеет приятный <p-dialog> компонент, который создает диалоги, которые можно перетаскивать по умолчанию. Но в определенном контексте я использую API PrimeNg dialogService для динамического создания диалога. Обратите внимание на this.dialogService.open().

Но в этом случае диалоговое окно не перетаскивается.

Есть ли обходной путь, чтобы заставить его работать?

Пример кода

class MyClass {
constructor(private readonly dialogService: DialogService) {}

    openDialog(options: KonsolidacniKonfliktDialogOptions): DynamicDialogRef {
        const dialogRef = this.dialogService.open(SomeComponentToRenderInsideDialog, {
            header: options.dialogHeader,
            width: this.dialogWidth,
            height: this.dialogHeight,
            styleClass: this.dialogStyleClass,
            data: {
                whatever: options.whatever,
            },
        });

        return dialogRef;
    }
}

Answer 1

В этом примере диалоговое окно является перетаскиваемым:

https://stackblitz.com/edit/angular-primeng-dialog-yodw4v