Merge pull request #63 from lfoppiano/fix-problem-with-chrome

Fix issues with text layers that are arising with Chrome and tabs (or extenders)

.bumpversion.toml

@@ -1,5 +1,5 @@
 [tool.bumpversion]
-current_version = "0.0.18-rc0"
+current_version = "0.0.18-rc2"
 commit = "true"
 tag = "true"
 tag_name = "v{new_version}"

streamlit_pdf_viewer/__init__.py

@@ -210,3 +210,17 @@ def pdf_viewer(input: Union[str, Path, bytes],
             scroll_to_annotation=2
         )
 
+
+## Issue with Chrome
+
+    # from glob import glob
+    #
+    # # paths = glob("/Users/lfoppiano/kDrive/library/articles/materials informatics/polymers/*.pdf")
+    # paths = glob("/Users/lfoppiano/development/projects/alirahelth/data/articles/*.pdf")
+    # for id, (tab, path) in enumerate(zip(st.tabs(paths),paths)):
+    #     with tab:
+    #         with st.container(height=600):
+    #             if id == 0:
+    #                 pdf_viewer(path, width=500, render_text=True)
+    #             else:
+    #                 pdf_viewer(path, width=1000, render_text=True)

streamlit_pdf_viewer/frontend/package.json

@@ -8,7 +8,7 @@
   },
   "dependencies": {
     "core-js": "^3.6.5",
-    "pdfjs-dist": "^4.5.136",
+    "pdfjs-dist": "4.3.136",
     "streamlit-component-lib": "^2.0.0",
     "vue": "^3.0.0-0"
   },

streamlit_pdf_viewer/frontend/src/PdfViewer.vue

@@ -132,8 +132,17 @@ export default {
         canvasContext: canvas.getContext("2d"),
         viewport: viewport
       };
-      const renderTask = page.render(renderContext);
-      await renderTask.promise;
+
+      try {
+        const renderTask = page.render(renderContext);
+        await renderTask.promise.catch(function(error){
+          // alertError(error);
+          // do nothing
+        });
+      } catch (e) {
+        // do nothing
+      }
+
 
       if (renderText) {
         const textContent = await page.getTextContent();