Skip to content

🐞 Bug Report: Text Box Outline Overlaps Burger Menu on Mobile #19

Description

@MuazzamMukadam

Description:
When creating a text box in Collabydraw and then opening the burger menu in mobile view, the outline of the text box appears above the menu instead of being hidden behind it.

Text box overlap issue

Steps to Reproduce:

Open collabydraw.xyz
on a mobile device or using mobile view in browser dev tools.

Create a new text box on the canvas.

Tap the burger (☰) menu to open it.

Expected Behavior:
The burger menu should appear on top of all elements, including any text box outlines.

Actual Behavior:
The text box outline overlaps the menu, partially obstructing its view.

Possible Cause:
Likely a z-index or positioning issue — the text box or its outline layer might have a higher stacking context than the menu.

Suggested Fix:
Lower the z-index of the text box outline or increase the z-index of the burger menu container.

Environment:

Device: [e.g., iPhone 14 / Pixel 7]

Browser: [e.g., Chrome / Safari]

OS: [e.g., iOS 17 / Android 14]

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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