fixed layer ordering of annotaitons and overlays on PDFs so that overlays are always on top. made textLayer on PDFs display:none when not-selected to try to improve rendering.

2 files changed, 3 insertions, 1 deletions

diff --git a/src/client/views/nodes/PDFBox.scss b/src/client/views/nodes/PDFBox.scss
index e2bdd98cc..16cc9d27e 100644
--- a/src/client/views/nodes/PDFBox.scss
+++ b/src/client/views/nodes/PDFBox.scss
@@ -208,6 +208,7 @@
     pointer-events: none;
     .pdfViewerDash-text {
         .textLayer {
+            display: none;
             span {
                 user-select: none;
             }
@@ -228,6 +229,7 @@
     z-index: -1;
     .pdfViewerDash-text {
         .textLayer {
+            display: contents;
             span {
                 user-select: text;
             }
diff --git a/src/client/views/pdf/PDFViewer.tsx b/src/client/views/pdf/PDFViewer.tsx
index 76b218972..48c7b1762 100644
--- a/src/client/views/pdf/PDFViewer.tsx
+++ b/src/client/views/pdf/PDFViewer.tsx
@@ -792,8 +792,8 @@ export class PDFViewer extends ViewBoxAnnotatableComponent<IViewerProps, PdfDocu
                 transform: `scale(${this.props.ContentScaling()})`
             }}  >
             {this.pdfViewerDiv}
-            {this.overlayLayer}
             {this.annotationLayer}
+            {this.overlayLayer}
             {this.overlayInfo}
             {this.standinViews}
             <PdfViewerMarquee isMarqueeing={this.marqueeing} width={this.marqueeWidth} height={this.marqueeHeight} x={this.marqueeX} y={this.marqueeY} />