Broken screenshot for scrollable containers with overflow

[patrickschroeter]

When using snapshots for Views which are larger than the page or are scrollable the resulting snapshot is not correct.

Does anyone has similar issues of do I only miss a configuration?

[FRSgit]

Hey @patrickschroeter!

Is the image above a single screenshot made by the plugin itself?
Can you provide some simple reproduction scenario? You can example directory from this repo as a started for reproduction: https://github.com/FRSOURCE/cypress-plugin-visual-regression-diff/tree/main/example

[patrickschroeter]

@FRSgit Thanks for your answer. I was able to reproduce it by changing the scroll container from html to body by adding the following CSS to the App.vue in the example project has the same effect:

html {
  height: 100%;
  overflow: hidden;
}

body {
  height: 100%;
  overflow: auto;
}

Tested on macOS with Plugin Version 3.2.14

[patrickschroeter]

@FRSgit Were you able to reproduce this issue or is it still a unique problem? Should I create an issue out of it?