scrollIntoView not affecting percy snapshot

[knownasilya]

I have code like so:

 cy.findByRole('button', {name: /Task 1/i})
      .scrollIntoView({
        offset: {top: 0, left: -100},
      });
  cy.percySnapshot();

I also tried

 cy.findByRole('button', {name: /Task 1/i})
      .scrollIntoView({
        offset: {top: 0, left: -100},
      });
  cy.wait(100);
  cy.percySnapshot();

and

  cy.findByRole('button', {name: /Task 1/i})
    .scrollIntoView({
      offset: {top: 0, left: -100},
    })
    .then(() => {
      cy.percySnapshot();
    });

But in all cases the element does not show up in the snapshot, but in the local cypress runner it does show up. Seems like the scroll is reset during the snapshot on this element (not body) that has a horizontal scroll.

[Robdel12]

Hey @knownasilya! Percy only captures full page screenshots and doesn't capture scroll position. If they're not a full page screenshot, that means there's CSS that's clipping the overflow and browsers will respect that when capturing a screenshot. https://docs.percy.io/docs/debugging-sdks#screenshots-arent-a-full-page

[knownasilya]

Hum, the page isn't scrolling, the element in question is fully visible on the page but scrolls horizontally inside

[knownasilya]

I also tried this:

    cy.percySnapshot('project gantt: During resize of multiple items', {
      percyCss:
        '.content, .gantt-chart, .schedule, .schedule__scroll-container { overflow: unset !important; }',
    });

Which doesn't seem to make a difference. I'm guessing it's because the scroll is horizontal.

[knownasilya]

I tried making width 5000, but the max seems to be 2000, so no help there either.