Skip to content

🐛 Bug: Sidebar navigation issues on mobile/tablet viewports #2484

@AbhiVarde

Description

@AbhiVarde

👟 Reproduction steps

Issue 1: Organization Pages - Sidebar Not Appearing

  1. Navigate to any organization page (e.g., organization settings)
  2. Resize browser to mobile/tablet viewport (< 1024px) or use mobile device
  3. Click the hamburger menu icon in navbar
  4. Observe that only blur overlay appears without sidebar content

Issue 2: Project Pages - Missing Navigation Items

  1. Navigate to any project page
  2. Resize browser to mobile/tablet viewport (< 1024px)
  3. Click the hamburger menu icon
  4. Observe that sidebar appears but Settings, Feedback, and Support buttons are missing

Issue 3: Feedback/Support Modals Not Working

  1. On mobile/tablet viewport, open sidebar (if it appears)
  2. Try clicking "Feedback" or "Support" buttons
  3. Observe that modals don't open properly or have extra background overlays

👍 Expected behavior

Organization Pages:

  • Sidebar should appear with all navigation elements:
    • Search icon and user avatar at top
    • Upgrade button for plan changes
    • Feedback and Support buttons at bottom that work correctly

Project Pages:

  • Sidebar should display all navigation items including:
    • Settings button with proper divider
    • Feedback and Support buttons at bottom
    • All buttons should function properly

Modal Behavior:

  • Feedback and Support modals should open cleanly without extra overlays
  • Modals should be fully functional on mobile/tablet

👎 Actual Behavior

Organization Pages:

  • Clicking hamburger menu shows only blur overlay
  • No sidebar content appears
  • Navigation is completely broken on mobile/tablet

Project Pages:

  • Sidebar appears but missing essential navigation:
    • No Settings button visible
    • No Feedback/Support buttons at bottom
    • Inconsistent with desktop experience

Modal Behavior:

  • Feedback/Support buttons (when visible) don't open modals properly
  • Extra background overlays appear
  • Modal interaction is broken on smaller screens

🎲 Appwrite version

Version 1.8.x

💻 Operating system

Windows

🧱 Your Environment

  • Browser: Chrome 122.0.6261.112 (Official Build) (64-bit)
  • OS: Windows 11 Home (Version 24H2, Build 26100.6584)
  • Console Version: 1.8.0
  • Tested on: Mobile viewport (< 768px) and Tablet viewport (768px - 1024px)

👀 Have you spent some time to check if this issue has been raised before?

  • I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions