fixed marquee annotations on pdfs from crashing - still need to fix offset problem.

2 files changed, 16 insertions, 4 deletions

diff --git a/src/client/views/pdf/PDFViewer.scss b/src/client/views/pdf/PDFViewer.scss
index 3074eb4ec..390aed1e0 100644
--- a/src/client/views/pdf/PDFViewer.scss
+++ b/src/client/views/pdf/PDFViewer.scss
@@ -1,5 +1,15 @@
  
+
+.pdfViewer-content {
+    height: 100%;
+    width: 100%;
+    position: absolute;
+    display: inline-block;
+    top: 0;
+    left: 0;
+}
 .pdfViewerDash, .pdfViewerDash-interactive {
+    position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
diff --git a/src/client/views/pdf/PDFViewer.tsx b/src/client/views/pdf/PDFViewer.tsx
index 1a1bc70b2..1750b526e 100644
--- a/src/client/views/pdf/PDFViewer.tsx
+++ b/src/client/views/pdf/PDFViewer.tsx
@@ -553,8 +553,8 @@ export class PDFViewer extends ViewBoxAnnotatableComponent<IViewerProps, PdfDocu
     contentZoom = () => this._zoomed;
     render() {
         TraceMobx();
-        return <div>
-            <div className={`pdfViewerDash${this.annotationsActive() ? "-interactive" : ""}`} ref={this._mainCont}
+        return <div className="pdfViewer-content" ref={this._mainCont}>
+            <div className={`pdfViewerDash${this.annotationsActive() ? "-interactive" : ""}`}
                 onScroll={this.onScroll} onWheel={this.onZoomWheel} onPointerDown={this.onPointerDown} onClick={this.onClick}
                 style={{
                     overflowX: this._zoomed !== 1 ? "scroll" : undefined,
@@ -571,8 +571,10 @@ export class PDFViewer extends ViewBoxAnnotatableComponent<IViewerProps, PdfDocu
             {!this._marqueeing || !this._mainCont.current || !this._annotationLayer.current ? (null) :
                 <MarqueeAnnotator rootDoc={this.rootDoc} scrollTop={0} down={this._marqueeing}
                     anchorMenuClick={this.props.anchorMenuClick}
-                    addDocument={this.addDocument} finishMarquee={this.finishMarquee}
-                    getPageFromScroll={this.getPageFromScroll} savedAnnotations={this._savedAnnotations}
+                    addDocument={this.addDocument}
+                    finishMarquee={this.finishMarquee}
+                    getPageFromScroll={this.getPageFromScroll}
+                    savedAnnotations={this._savedAnnotations}
                     annotationLayer={this._annotationLayer.current} mainCont={this._mainCont.current} />}
         </div>;
     }