fix: ensure pdf actions loads after pdf loaded

macite · Feb 1, 2023 · 0425c54 · 0425c54
1 parent b98c056
commit 0425c54
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/app/common/pdf-viewer/pdf-viewer.component.html b/src/app/common/pdf-viewer/pdf-viewer.component.html
@@ -1,5 +1,5 @@
 <div id="pdfContainer">
-  <div id="pdfActions">
+  <div id="pdfActions" [hidden]="!loaded">
     <form #loginForm="ngForm" (ngSubmit)="searchPdf(pdfSearchString)">
       <mat-form-field floatLabel="never" appearance="outline" class="pdf-form-field" ngSubmit>
         <mat-icon matPrefix>search</mat-icon>
@@ -21,5 +21,6 @@
     [render-text]="true"
     [original-size]="false"
     (after-load-complete)="onLoaded()"
+    (page-rendered)="loaded = true"
   ></pdf-viewer>
 </div>
diff --git a/src/app/common/pdf-viewer/pdf-viewer.component.ts b/src/app/common/pdf-viewer/pdf-viewer.component.ts
@@ -17,6 +17,7 @@ export class fPdfViewerComponent implements OnDestroy, OnChanges {
   @ViewChild(PdfViewerComponent) private pdfComponent: PdfViewerComponent;
   pdfSearchString: string;
   zoomValue = 1;
+  loaded = false;
 
   constructor(
     @Inject(FileDownloaderService) private fileDownloader: FileDownloaderService,
@@ -43,6 +44,7 @@ export class fPdfViewerComponent implements OnDestroy, OnChanges {
 
       // Get the new blob
       this._pdfUrl = value;
+      this.loaded = false;
       this.downloadBlob(value);
     }
   }
@@ -86,6 +88,7 @@ export class fPdfViewerComponent implements OnDestroy, OnChanges {
   }
 
   onLoaded() {
+    this.loaded = true;
     window.dispatchEvent(new Event('resize'));
   }
 }