Skip to main content
Transform your testing process with: Company-wide Licences, Test Observability & App Percy

Screenshots do not capture the full page

When screenshots are not capturing a full-page during the visual testing process.

By default, all browsers capture a full-page screenshot, and not just the visible viewport. If your snapshots are only of the visible viewport it indicates that your page may have CSS hiding the content overflow. Browsers will respect this CSS,capturing a screenshot limited to the visible part of the page.

You can address this issue in Percy by finding the element(s) responsible for clipping the overflow content and resetting that specific CSS using Percy CSS. For example:

YML
Copy icon Copy snippet

Reference Topic

We're sorry to hear that. Please share your feedback so we can do better

Contact our Support team for immediate help while we work on improving our docs.

We're continuously improving our docs. We'd love to know what you liked






Thank you for your valuable feedback

Is this page helping you?

Yes
No

We're sorry to hear that. Please share your feedback so we can do better

Contact our Support team for immediate help while we work on improving our docs.

We're continuously improving our docs. We'd love to know what you liked






Thank you for your valuable feedback!

Talk to an Expert
Download Copy