Merge pull request #1 from soandrew/master

Fix extra whitespace in generated image when scrollbar is present
mhuap · Feb 27, 2020 · ccaf05a · ccaf05a
2 parents 93f7321 + 61fac3c
commit ccaf05a
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/components/result.js b/components/result.js
@@ -27,7 +27,11 @@ class Result extends React.Component {
 
   genCanvas(){
     const html2canvas = require('html2canvas');
-    window.scrollTo(0,0)
+    window.scrollTo(0,0);
+
+    // Hide scrollbar to fix bug with html2canvas which adds extra whitespace to image if scrollbar is present
+    document.documentElement.style.overflow = 'hidden';
+
     html2canvas(document.querySelector("#preview .tweet-container"), {allowTaint: true, useCORS: true})
     .then((canvas) => {
 
@@ -53,6 +57,9 @@ class Result extends React.Component {
       }
     });
 
+    // Un-hide scrollbar
+    document.documentElement.style.overflow = '';
+
     scroller.scrollTo('canvas')
 
   }