Skip to content

🐛 Bug: Popover menus hidden behind cards in settings page #2464

@AbhiVarde

Description

@AbhiVarde

👟 Reproduction steps

For Git Configuration:

  1. Go to Project Settings
  2. Add a Git installation
  3. Click the three-dot menu (more options) on an installation
  4. Notice the popover menu is hidden behind the card below (e.g., MCP server card)

For Global Variables:

  1. Go to Project Settings > Global Variables
  2. Click the three-dot menu on any variable
  3. Notice the popover menu is hidden behind subsequent cards

👍 Expected behavior

Popover menus should always appear on top of all other elements, regardless of card positioning. The action menu should be fully visible and not obscured by any cards below it.

👎 Actual Behavior

The popover action menu gets partially or completely hidden behind subsequent cards due to z-index stacking context conflicts. This makes it difficult or impossible to interact with menu options.

🎲 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
  • Environment: Local development (localhost:3000)

👀 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