Fixed #3753 - ConfirmDialog: Add draggable property

api-generator/components/confirmdialog.js

@@ -10,6 +10,12 @@ const ConfirmDialogProps = [
         type: 'object',
         default: 'null',
         description: 'Object literal to define widths per screen size.'
+    },
+    {
+        name: 'draggable',
+        type: 'boolean',
+        default: 'true',
+        description: 'Whether the dialog can be relocated by dragging.'
     }
 ];
 

components/confirmdialog/ConfirmDialog.d.ts

@@ -46,6 +46,11 @@ export interface ConfirmDialogProps {
      * @see ConfirmDialogBreakpoints
      */
     breakpoints?: ConfirmDialogBreakpoints;
+    /**
+     * Enables dragging to change the position using header.
+     * @defaultValue true
+     */
+    draggable?: boolean | undefined;
 }
 
 /**

components/confirmdialog/ConfirmDialog.vue

@@ -1,5 +1,17 @@
 <template>
-    <CDialog v-model:visible="visible" role="alertdialog" class="p-confirm-dialog" :modal="true" :header="header" :blockScroll="blockScroll" :position="position" :breakpoints="breakpoints" :closeOnEscape="closeOnEscape" @update:visible="onHide">
+    <CDialog
+        v-model:visible="visible"
+        role="alertdialog"
+        class="p-confirm-dialog"
+        :modal="true"
+        :header="header"
+        :blockScroll="blockScroll"
+        :position="position"
+        :breakpoints="breakpoints"
+        :closeOnEscape="closeOnEscape"
+        :draggable="draggable"
+        @update:visible="onHide"
+    >
         <template v-if="!$slots.message">
             <i v-if="confirmation.icon" :class="iconClass" />
             <span class="p-confirm-dialog-message">{{ message }}</span>
@@ -24,6 +36,10 @@ export default {
         breakpoints: {
             type: Object,
             default: null
+        },
+        draggable: {
+            type: Boolean,
+            default: true
         }
     },
     confirmListener: null,