EVIDENCE FOR YOUR NEXT WEB DECISION

Viewport Overflow Evidence Checker

Compare supplied element rectangles; flag off-screen content and likely overflow causes.

Worked exampleBrowser processingUseful downloads

A clear result starts here

Add your input or try the worked example.

Using Viewport Overflow Evidence Checker

Compare supplied element rectangles; flag off-screen content and likely overflow causes.

Use Try example to explore viewport overflow evidence checker, or enter your own element rectangles csv / json.
Set viewport width (px), edge tolerance (px). Read the field notes for supported values.
Choose Review input and inspect the result, including any review flags or unsupported cases.
Use the relevant download buttons to keep your result. CSV and report JSON preserve the available findings; original files are not changed.

Example

Element rectangles CSV / JSON: selector,left,top,width,height,position
main,16,20,358,600,static
.banner,0,0,480,120,relative
.drawer,-260,0,260,800,fixed
Viewport width (px): 390
Edge tolerance (px): 1

Questions & answers

What does Viewport Overflow Evidence Checker do?

Compare supplied element rectangles; flag off-screen content and likely overflow causes.

What input does this tool support?

Element rectangles CSV / JSON: Columns: selector,left,top,width,height,position. Viewport width (px). Edge tolerance (px)

What should I check before using the result?

Reviews supplied rectangles; it does not crawl a webpage or evaluate computed CSS. Off-screen drawers and intentional artwork may be valid exceptions.

Can I keep or share the result?

Yes. Use the result-specific downloads, CSV where available and report JSON. Downloads can contain your supplied information, so review the content before sharing. Processing runs in this browser; public pages also include the site’s approved advertising and optional analytics.