Skip to content

UI Overlap Issue: Crop Handle Obstructed by Close / Action Buttons (Mobile & Tablet) #125

@GowthamanRavichandran3

Description

@GowthamanRavichandran3

Description

While using cunning_document_scanner in my Flutter application, I’m facing a UI overlap issue during the image adjustment (crop) stage after capturing a document.

The problem occurs on both mobile and tablet layouts, where critical UI controls overlap the image crop area, making it difficult or impossible to adjust the document edges—especially near the top corners.

Issue Details

Mobile View

  • After capturing the image, the top-left crop handle is partially or fully obscured.
  • The Close (X) button is rendered directly above the crop area.
  • As a result, users cannot precisely adjust the top-left corner of the document.
Image

Tablet View

  • At the top of the image, there is an overlay containing "Cancel" and "Done" buttons.
  • This overlay overlaps the document area itself.
  • The top crop handles fall beneath this overlay, making fine adjustments nearly impossible.
Image

Question / Request

  • Is there any existing configuration or option available to:

    • Change the position of the Close / Cancel / Done buttons?
    • Disable or customize the top overlay?
  • If this is currently not supported, would it be possible to:

    • Provide a way to customize button placement via an API, or
    • Adjust the default layout so that action buttons do not overlap the image crop area?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions