MultipleTextString: add new line on pressing enter

Author: loivsen

src/packages/core/components/multiple-text-string-input/input-multiple-text-string-item.element.ts

@@ -49,6 +49,14 @@ export class UmbInputMultipleTextStringItemElement extends UUIFormControlMixin(U
 		this.dispatchEvent(new UmbInputEvent());
 	}
 
+	#onKeydown(event: KeyboardEvent) {
+		event.stopPropagation();
+		const target = event.currentTarget as UUIInputElement;
+		if (event.key === 'Enter' && target.value) {
+			this.dispatchEvent(new CustomEvent('enter'));
+		}
+	}
+
 	#onChange(event: UUIInputEvent) {
 		event.stopPropagation();
 		const target = event.currentTarget as UUIInputElement;
@@ -84,6 +92,7 @@ export class UmbInputMultipleTextStringItemElement extends UUIFormControlMixin(U
 					id="input"
 					label="Value"
 					value=${this.value}
+					@keydown=${this.#onKeydown}
 					@input=${this.#onInput}
 					@change=${this.#onChange}
 					?disabled=${this.disabled}

src/packages/core/components/multiple-text-string-input/input-multiple-text-string.element.ts

@@ -209,6 +209,7 @@ export class UmbInputMultipleTextStringElement extends UmbFormControlMixin<undef
 						value=${item}
 						?disabled=${this.disabled}
 						?readonly=${this.readonly}
+						@enter=${this.#onAdd}
 						@delete=${(event: UmbDeleteEvent) => this.#deleteItem(event, index)}
 						@input=${(event: UmbInputEvent) => this.#onInput(event, index)}>
 					</umb-input-multiple-text-string-item>