From c1dfa1d9c8ef3ce5b474bf2ff8313f00d88fc968 Mon Sep 17 00:00:00 2001
From: rhenck <richard.henck@iqb.hu-berlin.de>
Date: Mon, 17 Oct 2022 16:53:21 +0200
Subject: [PATCH] Use innerHTML for likert row preset selection

Options are now possibly rich text. This needs to be taken care of.
Also use extra span tag to preserve all whitesoaces in the index-suffix.

#279
---
 .../components/dialogs/likert-row-edit-dialog.component.ts    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/projects/editor/src/app/components/dialogs/likert-row-edit-dialog.component.ts b/projects/editor/src/app/components/dialogs/likert-row-edit-dialog.component.ts
index 038fb8f3d..6d0cd6eab 100644
--- a/projects/editor/src/app/components/dialogs/likert-row-edit-dialog.component.ts
+++ b/projects/editor/src/app/components/dialogs/likert-row-edit-dialog.component.ts
@@ -24,8 +24,8 @@ import { TextLabel } from 'common/models/elements/element';
         <mat-label>{{'preset' | translate }}</mat-label>
         <mat-select [(ngModel)]="newLikertRow.value">
           <mat-option [value]="null">{{'propertiesPanel.undefined' | translate }}</mat-option>
-          <mat-option *ngFor="let column of data.options; let i = index" [value]="i">
-            {{column.text}} (Index: {{i}})
+          <mat-option *ngFor="let column of data.options; let i = index" [value]="i"
+                      [innerHTML]="'<span>' + column.text + ' (Index: ' + i + ')</span>' | safeResourceHTML">
           </mat-option>
         </mat-select>
       </mat-form-field>
-- 
GitLab