From 4eccafba31f7149d25449ecbcbf9cfbb974610de Mon Sep 17 00:00:00 2001
From: fantonangeli <fabrizio.antonangeli@gmail.com>
Date: Fri, 22 May 2026 11:59:36 +0200
Subject: [PATCH 1/2] Fix warning: A control must be associated with a text
 label.

Signed-off-by: fantonangeli <fabrizio.antonangeli@gmail.com>
---
 .../stories/DiagramEditorDragNDrop.tsx                          | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/serverless-workflow-diagram-editor/stories/DiagramEditorDragNDrop.tsx b/packages/serverless-workflow-diagram-editor/stories/DiagramEditorDragNDrop.tsx
index cdee955..4509193 100644
--- a/packages/serverless-workflow-diagram-editor/stories/DiagramEditorDragNDrop.tsx
+++ b/packages/serverless-workflow-diagram-editor/stories/DiagramEditorDragNDrop.tsx
@@ -93,6 +93,7 @@ export const DiagramEditorDragNDrop = (props: Omit<DiagramEditorProps, "content"
         <div>
           or{" "}
           <label
+            id="file-upload-label"
             htmlFor="file-upload"
             className="dec:text-blue-600 dec:underline dec:cursor-pointer"
           >
@@ -106,6 +107,7 @@ export const DiagramEditorDragNDrop = (props: Omit<DiagramEditorProps, "content"
           accept=".yaml,.yml,.json"
           onChange={handleFileChange}
           data-testid="story-workflow-file-upload"
+          aria-labelledby="file-upload-label"
         />
       </div>
       {content && <Component {...props} content={content} />}

From bd89c8f2cf7396d9f504e20e65cfe81f2433edde Mon Sep 17 00:00:00 2001
From: fantonangeli <fabrizio.antonangeli@gmail.com>
Date: Fri, 22 May 2026 12:18:10 +0200
Subject: [PATCH 2/2] Fixes comment:
 https://github.com/serverlessworkflow/editor/pull/157#discussion_r3287594006

Signed-off-by: fantonangeli <fabrizio.antonangeli@gmail.com>
---
 .../stories/DiagramEditorDragNDrop.tsx                         | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/serverless-workflow-diagram-editor/stories/DiagramEditorDragNDrop.tsx b/packages/serverless-workflow-diagram-editor/stories/DiagramEditorDragNDrop.tsx
index 4509193..c5a04dc 100644
--- a/packages/serverless-workflow-diagram-editor/stories/DiagramEditorDragNDrop.tsx
+++ b/packages/serverless-workflow-diagram-editor/stories/DiagramEditorDragNDrop.tsx
@@ -93,7 +93,6 @@ export const DiagramEditorDragNDrop = (props: Omit<DiagramEditorProps, "content"
         <div>
           or{" "}
           <label
-            id="file-upload-label"
             htmlFor="file-upload"
             className="dec:text-blue-600 dec:underline dec:cursor-pointer"
           >
@@ -107,7 +106,7 @@ export const DiagramEditorDragNDrop = (props: Omit<DiagramEditorProps, "content"
           accept=".yaml,.yml,.json"
           onChange={handleFileChange}
           data-testid="story-workflow-file-upload"
-          aria-labelledby="file-upload-label"
+          aria-label="upload a file"
         />
       </div>
       {content && <Component {...props} content={content} />}