Only capturing page 'above the fold'

[prtksxna]

I have the following configuration, and when I run backstop reference the image that it collects is only above the fold (as in without scrolling the browser). And the rest of the image just has the website's background color. Without using mergeImgHack it gets the whole page but has a random a gap in the content.

Any clues on what could be going wrong?

{
  "id": "backstop_default",
  "viewports": [
    {
      "label": "phone",
      "width": 320,
      "height": 480
    },
    {
      "label": "tablet",
      "width": 1024,
      "height": 768
    }
  ],
  "onBeforeScript": "puppet/onBefore.js",
  "onReadyScript": "puppet/onReady.js",
  "mergeImgHack": true,
  "scenarios": [
    {
      "label": "Prateek Saxena",
      "url": "https://prtksxna.com/2020/04/15/the-backlog/",
      "referenceUrl": "",
      "readyEvent": "",
      "readySelector": "#colophon",
      "delay": 10,
      "hideSelectors": [],
      "removeSelectors": [],
      "hoverSelector": "",
      "clickSelector": "",
      "postInteractionWait": 0,
      "selectors": [],
      "selectorExpansion": true,
      "expect": 0,
      "misMatchThreshold" : 0.1,
      "requireSameDimensions": true
    }
  ],
  "paths": {
    "bitmaps_reference": "backstop_data/bitmaps_reference",
    "bitmaps_test": "backstop_data/bitmaps_test",
    "engine_scripts": "backstop_data/engine_scripts",
    "html_report": "backstop_data/html_report",
    "ci_report": "backstop_data/ci_report"
  },
  "report": ["browser"],
  "engine": "puppeteer",
  "engineOptions": {
    "args": ["--no-sandbox"]
  },
  "asyncCaptureLimit": 5,
  "asyncCompareLimit": 50,
  "debug": true,
  "debugWindow": true
}

[prtksxna]

Without using mergeImgHack it gets the whole page but has a random a gap in the content.

I think I know why this is happening. One of the elements' margin is set in vh and that is increasing the gap and cutting off the rest of the page.

[ygerasimov]

@prtksxna you could remove the element having vh height to make the page manageable size.