From fae47e651ce625a5199a4dd003960441ad1d6039 Mon Sep 17 00:00:00 2001
From: rhenck <richard.henck@iqb.hu-berlin.de>
Date: Thu, 25 Nov 2021 15:37:31 +0100
Subject: [PATCH] [editor] use outline for sub element selection mark

When using borders deselecting would remove the borders of the
(text)element as well.
---
 projects/editor/src/app/services/selection.service.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/projects/editor/src/app/services/selection.service.ts b/projects/editor/src/app/services/selection.service.ts
index 14f8bb4fa..803446ee0 100644
--- a/projects/editor/src/app/services/selection.service.ts
+++ b/projects/editor/src/app/services/selection.service.ts
@@ -52,18 +52,18 @@ export class SelectionService {
 
   private setCompoundChildSelection(element: UIElement, nativeElement: HTMLElement): void {
     if (element.type === 'text-field') {
-      (nativeElement.children[0] as HTMLElement).style.border = '1px solid';
+      (nativeElement.children[0] as HTMLElement).style.outline = '1px solid';
     } else {
-      nativeElement.style.border = '1px solid';
+      nativeElement.style.outline = '1px solid';
     }
   }
 
   private removeCompoundChildSelection(): void {
     if (this.selectedCompoundChild) {
       if (this.selectedCompoundChild.element.type === 'text-field') {
-        (this.selectedCompoundChild.nativeElement.children[0] as HTMLElement).style.border = 'unset';
+        (this.selectedCompoundChild.nativeElement.children[0] as HTMLElement).style.outline = 'unset';
       } else {
-        this.selectedCompoundChild.nativeElement.style.border = 'unset';
+        this.selectedCompoundChild.nativeElement.style.outline = 'unset';
       }
       this.selectedCompoundChild = null;
     }
-- 
GitLab