Merge pull request #1065 from equinor/fix/export-component-full-render

Fix/export-component-full-render

Author: benjamin-lyon

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/amplify-component-lib",
-  "version": "9.8.3",
+  "version": "9.8.4",
   "description": "Frontend Typescript components for the Amplify team",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

src/atoms/utils/export.ts

@@ -36,11 +36,21 @@ export const exportComponent = (
   }
 
   const element = node.current;
+
+  const scrollWidth = element.scrollWidth;
+  const scrollHeight = element.scrollHeight;
+
+  element.setAttribute('style', 'box-shadow: none');
+  element.setAttribute('style', 'overflow: visible');
+
   return html2canvas(element, {
     scrollY: -window.scrollY,
     useCORS: true,
     backgroundColor: backgroundColor ? backgroundColor : '#FFFFFF',
+    width: scrollWidth,
+    height: scrollHeight,
   }).then((canvas) => {
+    element.removeAttribute('style');
     return dataURItoBlob(canvas.toDataURL('image/png', 1.0));
   });
 };