From 3ac97a04446f0e5d2c52e397d84cd80076e71590 Mon Sep 17 00:00:00 2001
From: Sipke Schoorstra <sipkeschoorstra@outlook.com>
Date: Tue, 23 Mar 2021 20:39:56 +0100
Subject: [PATCH] Fix loss of multi-text input value

---
 src/designer/elsa-workflows-studio/src/components.d.ts      | 1 +
 .../editors/controls/elsa-input-tags/elsa-input-tags.tsx    | 6 ++++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/designer/elsa-workflows-studio/src/components.d.ts b/src/designer/elsa-workflows-studio/src/components.d.ts
index f9001e090..49ed32de2 100644
--- a/src/designer/elsa-workflows-studio/src/components.d.ts
+++ b/src/designer/elsa-workflows-studio/src/components.d.ts
@@ -256,6 +256,7 @@ declare namespace LocalJSX {
     interface ElsaInputTags {
         "fieldId"?: string;
         "fieldName"?: string;
+        "onValueChanged"?: (event: CustomEvent<Array<string>>) => void;
         "placeHolder"?: string;
         "values"?: Array<string>;
     }
diff --git a/src/designer/elsa-workflows-studio/src/components/editors/controls/elsa-input-tags/elsa-input-tags.tsx b/src/designer/elsa-workflows-studio/src/components/editors/controls/elsa-input-tags/elsa-input-tags.tsx
index 793b9b831..fa46dec5e 100644
--- a/src/designer/elsa-workflows-studio/src/components/editors/controls/elsa-input-tags/elsa-input-tags.tsx
+++ b/src/designer/elsa-workflows-studio/src/components/editors/controls/elsa-input-tags/elsa-input-tags.tsx
@@ -1,4 +1,4 @@
-import {Component, h, Prop, State} from '@stencil/core';
+import {Component, h, Prop, Event, EventEmitter} from '@stencil/core';
 
 @Component({
   tag: 'elsa-input-tags',
@@ -11,8 +11,9 @@ export class ElsaInputTags {
   @Prop() fieldId?: string;
   @Prop() placeHolder?: string = 'Add tag';
   @Prop() values?: Array<string> = [];
+  @Event({bubbles: true}) valueChanged: EventEmitter<Array<string>>;
 
-  onInputKeyDown(e: KeyboardEvent) {
+  async onInputKeyDown(e: KeyboardEvent) {
     if (e.key != "Enter")
       return;
 
@@ -28,6 +29,7 @@ export class ElsaInputTags {
     values.push(value);
     this.values = values.distinct();
     input.value = '';
+    await this.valueChanged.emit(values);
   }
 
   onDeleteTagClick(e: Event, tag: string) {