Fix broken output resolution for mobile

workeffortwaste · Apr 15, 2021 · 9d7d4d1 · 9d7d4d1
1 parent 6eb3251
commit 9d7d4d1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/layout-shift-gif.js b/layout-shift-gif.js
@@ -96,6 +96,11 @@ const createGif = async (url, device) => {
     // Emulate a phone or standard desktop size.
     if (device === 'mobile') {
       await page.emulate(phone)
+      await page.setViewport({
+        width: 412,
+        height: 732,
+        deviceScaleFactor: 1
+      })
       // Override viewport resolution if a width or height are manually supplied
       if (options.width || options.height) {
         await page.setViewport({

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "layout-shift-gif",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "description": "Generates a .gif showing the layout shift events for a website.",
   "main": "./layout-shift-gif.js",
   "keywords": [