Make search and select work for truncated text

fixes #4367

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>

frontend/src/app/shared/components/truncate/truncate.component.scss

@@ -28,3 +28,8 @@
     display: inline-flex;
   }
 }
+
+.hidden { 
+  color: transparent;
+  position: absolute;
+}