From 4a353cd0c683e94fdefeb68f40b47852b310c0fc Mon Sep 17 00:00:00 2001
From: herblinernexxbizz <125579511+herblinernexxbizz@users.noreply.github.com>
Date: Mon, 12 Jun 2023 11:34:50 +0200
Subject: [PATCH] make readonly work (#4126)

---
 .../src/components/shared/form-panel/form-panel.tsx             | 2 +-
 .../elsa-workflows-designer/src/modules/flowchart/flowchart.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/designer/designer_packages/elsa-workflows-designer/src/components/shared/form-panel/form-panel.tsx b/src/designer/designer_packages/elsa-workflows-designer/src/components/shared/form-panel/form-panel.tsx
index 681d97cec..3646297b4 100644
--- a/src/designer/designer_packages/elsa-workflows-designer/src/components/shared/form-panel/form-panel.tsx
+++ b/src/designer/designer_packages/elsa-workflows-designer/src/components/shared/form-panel/form-panel.tsx
@@ -42,7 +42,7 @@ export class FormPanel {
     const mainTitle = this.mainTitle;
     const subTitle = this.subTitle;
     const orientation = this.orientation;
-    const readonly = true;
+    const readonly = this.isReadonly;
 
     return (
       <div class="tw-absolute tw-inset-0 tw-overflow-hidden">
diff --git a/src/designer/designer_packages/elsa-workflows-designer/src/modules/flowchart/flowchart.tsx b/src/designer/designer_packages/elsa-workflows-designer/src/modules/flowchart/flowchart.tsx
index c211c0149..7992b665d 100644
--- a/src/designer/designer_packages/elsa-workflows-designer/src/modules/flowchart/flowchart.tsx
+++ b/src/designer/designer_packages/elsa-workflows-designer/src/modules/flowchart/flowchart.tsx
@@ -44,7 +44,7 @@ export class FlowchartComponent {
   @Prop() rootActivity: Activity;
   @Prop() interactiveMode: boolean = true;
   @Prop() silent: boolean = false;
-  @Prop() isReadonly: boolean;
+  @Prop() isReadonly: boolean = false;
 
   @Element() el: HTMLElement;
   container: HTMLElement;