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
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions