From 78bda5c76391df155f20442e77a90104dce09646 Mon Sep 17 00:00:00 2001
From: Nitwel <mail@nitwel.de>
Date: Tue, 7 Feb 2023 18:19:33 +0100
Subject: [PATCH] Fix span with space in it (#17432)

* Fix span with space in it

* run linter

---------

Co-authored-by: Rijk van Zanten <rijkvanzanten@me.com>
---
 .../v-field-template/v-field-template.vue       | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/app/src/components/v-field-template/v-field-template.vue b/app/src/components/v-field-template/v-field-template.vue
index 17d9f274e3..efa52e4d20 100644
--- a/app/src/components/v-field-template/v-field-template.vue
+++ b/app/src/components/v-field-template/v-field-template.vue
@@ -114,6 +114,10 @@ function onClick(event: MouseEvent) {
 }
 
 function onKeyDown(event: KeyboardEvent) {
+	if (event.key === 'Enter') {
+		event.preventDefault();
+	}
+
 	if (event.key === '{' || event.key === '}') {
 		event.preventDefault();
 		menuActive.value = true;
@@ -287,7 +291,7 @@ function setContent() {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .content {
 	display: block;
 	flex-grow: 1;
@@ -297,17 +301,18 @@ function setContent() {
 	font-size: 14px;
 	font-family: var(--family-monospace);
 	white-space: nowrap;
+
+	:deep(span) {
+		min-width: 1px;
+		min-height: 1em;
+		white-space: pre;
+	}
 }
 
 :deep(br) {
 	display: none;
 }
 
-:deep(span) {
-	min-width: 1px;
-	min-height: 1em;
-}
-
 :deep(button) {
 	margin: -1px 4px 0;
 	padding: 2px 4px 0;