From d4568b631dea57d0cfb11e8b38f1b54993d5f6c0 Mon Sep 17 00:00:00 2001
From: softsimon <softsimon@protonmail.com>
Date: Mon, 13 Nov 2023 17:45:15 +0900
Subject: [PATCH] Make search and select work for truncated text

fixes #4367
---
 .../app/shared/components/truncate/truncate.component.html   | 2 ++
 .../app/shared/components/truncate/truncate.component.scss   | 5 +++++
 2 files changed, 7 insertions(+)

diff --git a/frontend/src/app/shared/components/truncate/truncate.component.html b/frontend/src/app/shared/components/truncate/truncate.component.html
index 94208f3a4..d75b683f2 100644
--- a/frontend/src/app/shared/components/truncate/truncate.component.html
+++ b/frontend/src/app/shared/components/truncate/truncate.component.html
@@ -11,9 +11,11 @@
 </span>
 
 <ng-template #ltrTruncated>
+  <div class="hidden">{{ text }}</div>
   <span class="first">{{text.slice(0,-lastChars)}}</span><span class="last-four">{{text.slice(-lastChars)}}</span>
 </ng-template>
 
 <ng-template #rtlTruncated>
+  <div class="hidden">{{ text }}</div>
   <span class="first">{{text.slice(lastChars)}}</span><span class="last-four">{{text.slice(0,lastChars)}}</span>
 </ng-template>
\ No newline at end of file
diff --git a/frontend/src/app/shared/components/truncate/truncate.component.scss b/frontend/src/app/shared/components/truncate/truncate.component.scss
index 315ce4e12..97233e5d6 100644
--- a/frontend/src/app/shared/components/truncate/truncate.component.scss
+++ b/frontend/src/app/shared/components/truncate/truncate.component.scss
@@ -27,4 +27,9 @@
   &.inline {
     display: inline-flex;
   }
+}
+
+.hidden { 
+  color: transparent;
+  position: absolute;
 }
\ No newline at end of file