🐞 Bug Report: Text Box Outline Overlaps Burger Menu on Mobile #19
Description
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.
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]