From 585c1f3f0d16c40e589f30fffd9047661fcf20f7 Mon Sep 17 00:00:00 2001
From: milanmajchrak <milan.majchrak@dataquest.sk>
Date: Mon, 16 Oct 2023 12:41:23 +0200
Subject: [PATCH] The content is copied after timeout - 100ms

---
 .../clarin-ref-citation-modal.component.html           |  2 +-
 .../clarin-ref-citation-modal.component.ts             | 10 ++++++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/app/item-page/clarin-ref-citation-modal/clarin-ref-citation-modal.component.html b/src/app/item-page/clarin-ref-citation-modal/clarin-ref-citation-modal.component.html
index 7f0934f2af2..201ad3de387 100644
--- a/src/app/item-page/clarin-ref-citation-modal/clarin-ref-citation-modal.component.html
+++ b/src/app/item-page/clarin-ref-citation-modal/clarin-ref-citation-modal.component.html
@@ -11,7 +11,7 @@ <h4 class="modal-title" id="modal-basic-title">{{itemName}}</h4>
       {{'item.refbox.modal.copy.instruction.2' | translate}}
     </p>
     <div class="textarea" ></div>
-    <textarea #copyCitationModal readonly class="clarin-ref-box-citation-textarea" (mouseover)="selectContent()">{{citationText}}</textarea>
+    <textarea #copyCitationModal readonly class="clarin-ref-box-citation-textarea">{{citationText}}</textarea>
   </div>
   <div class="modal-footer">
     <button type="button" class="btn btn-outline-dark" (click)="activeModal.close('Save click')">
diff --git a/src/app/item-page/clarin-ref-citation-modal/clarin-ref-citation-modal.component.ts b/src/app/item-page/clarin-ref-citation-modal/clarin-ref-citation-modal.component.ts
index b317aea20a8..f9ed9bfe2dd 100644
--- a/src/app/item-page/clarin-ref-citation-modal/clarin-ref-citation-modal.component.ts
+++ b/src/app/item-page/clarin-ref-citation-modal/clarin-ref-citation-modal.component.ts
@@ -1,4 +1,4 @@
-import { Component, ElementRef, Input, ViewChild } from '@angular/core';
+import { AfterViewInit, Component, ElementRef, Input, ViewChild } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 
 /**
@@ -9,7 +9,7 @@ import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
   templateUrl: './clarin-ref-citation-modal.component.html',
   styleUrls: ['./clarin-ref-citation-modal.component.scss']
 })
-export class ClarinRefCitationModalComponent {
+export class ClarinRefCitationModalComponent implements AfterViewInit {
 
   constructor(public activeModal: NgbActiveModal) {
   }
@@ -31,6 +31,12 @@ export class ClarinRefCitationModalComponent {
   @Input()
   citationText = '';
 
+  ngAfterViewInit(): void {
+    setTimeout(() => {
+      this.selectContent();
+    }, 100);
+  }
+
   selectContent() {
     this.citationContentRef?.nativeElement?.select();
   }