From 7aaa061db40c09742ea8edf66ee0c9053d2b3270 Mon Sep 17 00:00:00 2001
From: Mack Duan <duan.mack@gmail.com>
Date: Mon, 25 Mar 2013 11:32:51 -0700
Subject: [PATCH] Fix issue w/ textlayer on retina causing it to be visible
 only in top quadrant

---
 web/viewer.js | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/web/viewer.js b/web/viewer.js
index 232f8fbe5..64d90a5e0 100644
--- a/web/viewer.js
+++ b/web/viewer.js
@@ -2116,20 +2116,22 @@ var PageView = function pageView(container, pdfPage, id, scale,
     div.appendChild(canvas);
     this.canvas = canvas;
 
+    var scale = this.scale, viewport = this.viewport;
+    var outputScale = PDFView.getOutputScale();
+    canvas.width = Math.floor(viewport.width) * outputScale.sx;
+    canvas.height = Math.floor(viewport.height) * outputScale.sy;
+
     var textLayerDiv = null;
     if (!PDFJS.disableTextLayer) {
       textLayerDiv = document.createElement('div');
       textLayerDiv.className = 'textLayer';
+      textLayerDiv.style.width = canvas.width + 'px';
+      textLayerDiv.style.height = canvas.height + 'px';
       div.appendChild(textLayerDiv);
     }
     var textLayer = this.textLayer =
           textLayerDiv ? new TextLayerBuilder(textLayerDiv, this.id - 1) : null;
 
-    var scale = this.scale, viewport = this.viewport;
-    var outputScale = PDFView.getOutputScale();
-    canvas.width = Math.floor(viewport.width) * outputScale.sx;
-    canvas.height = Math.floor(viewport.height) * outputScale.sy;
-
     if (outputScale.scaled) {
       var cssScale = 'scale(' + (1 / outputScale.sx) + ', ' +
                                 (1 / outputScale.sy) + ')';