Skip to content

[Bug]: UI Overflow in Parent Dashboard (Bottom Overflowed by 27 pixels) #1

@PresenceOP-Coder

Description

@PresenceOP-Coder

Description

When viewing the Parent Dashboard on devices with smaller screen resolutions (e.g., 1200×540), the screen shows a “Bottom overflowed by 27 pixels” error.
Expected behavior: The dashboard content should scroll properly without overflow, and all widgets should remain visible within the screen.

Error message

════════ Exception caught by rendering library ═════════════════════════════════
A RenderFlex overflowed by 27 pixels on the bottom.
════════════════════════════════════════════════════════════════════════════════

Severity

Medium

Steps to reproduce

  1. Run the app on a small device (e.g., Pixel 4a or emulator with 1200×540 resolution).

  2. Log in as a Parent.

  3. Navigate to the Parent Dashboard.

  4. Observe the “Quick Overview” section — overflow occurs at the bottom.

Environment

OS: Android 13
Device: Pixel 4a
Flutter: 3.19.0
Dart: 3.3.0
Framework: Flutter

Screenshots

Image

Relevant log output

RenderFlex overflowed by 27 pixels on the bottom.
Consider wrapping the content in a SingleChildScrollView or ListView.

Code of Conduct

  • I agree to follow this project's Code of Conduct

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions