Layout defect scenario · 2026-08-13
Identify the single seeded visible layout defect.
390 × 844 · 9 model configurations
Exact input
You are evaluating a user interface screenshot for objective rendering defects.
Check only for these visible issue categories: viewport_cropping, container_clipping, text_overflow, element_overlap, obscured_actionable_control, or broken_responsive_reflow. Do not report subjective design preferences, copywriting concerns, or accessibility assumptions.
If there is one visible issue, return its category and the tight affected region on a normalized 0 to 1000 grid. If none of these issues is visible, return has_issue=false and null category and region values.
Return only data matching the supplied JSON schema. Do not describe your reasoning.
Expected defectModel evidence
Blue marks the seeded defect region. Orange marks the model’s returned region when available.
{"has_issue":true,"category":"viewport_cropping","region":{"x":41,"y":867,"width":959,"height":133}, "description": "The 'Flight update' section is partially cut off at the bottom of the screen, indicating a viewport cropping issue."}
{"has_issue":true,"category":"container_clipping","region":{"x":40,"y":820,"width":920,"height":90},"description":"Blue banner text is clipped by the overlapping red flight update banner at the bottom."}
{"has_issue":true,"category":"element_overlap","region":{"x":46,"y":852,"width":908,"height":63},"description":"A red update banner overlaps and obscures content within the blue card near the bottom of the screen."}
{
"has_issue": true,
"category": "obscured_actionable_control",
"region": {
"x": 46,
"y": 850,
"width": 908,
"height": 65
},
"description": "The 'Flight update' banner overlaps and obscures the main action button at the bottom of the screen."
}
{"has_issue":true,"category":"obscured_actionable_control","region":{"x":46,"y":869,"width":910,"height":23},"description":"The red flight-update banner overlaps and obscures the lower portion of the blue action button."}
{"has_issue":true,"category":"obscured_actionable_control","region":{"x":46,"y":850,"width":908,"height":64},"description":"The red flight update banner visibly covers the lower portion of the blue actionable button beneath it."}
{"has_issue":true,"category":"element_overlap","region":{"x":18,"y":718,"width":354,"height":55},"description":"The red 'Flight update' notification banner overlaps the blue 'Check-in' button above it, obscuring its text."}
{"has_issue":true,"category":"element_overlap","region":{"x":46,"y":1808,"width":908,"height":150},"description":"The red 'Flight update' banner overlaps and hides the blue 'Check in' button text at the bottom of the screen."}
region must be contained in normalized 0..1000 coordinates. has_issue=true requires a category and normalized region.
{"has_issue": true, "category": "element_overlap", "region": {"x": 46, "y": 850, "width": 907, "height": 64}, "description": "The red 'Flight update' banner is overlapping the blue 'Check in' button at the bottom of the screen."}