Skip to content
This repository was archived by the owner on Sep 21, 2026. It is now read-only.
This repository was archived by the owner on Sep 21, 2026. It is now read-only.

πŸ› Bug: Tables overflow horizontally on small screens in Git Configuration and Environment VariablesΒ #2910

Description

@AbhiVarde

πŸ‘Ÿ Reproduction steps

  1. Open Appwrite Console on a small screen or resize browser to ~768px
  2. Navigate to Project Settings β†’ Git Configuration
  3. Navigate to Functions/Sites Settings β†’ Environment Variables
  4. Observe both tables overflowing horizontally

πŸ‘ Expected behavior

Tables should remain within viewport boundaries and be readable without horizontal scrolling

πŸ‘Ž Actual Behavior

Both the Git Configuration and Environment Variables tables overflow their containers, causing horizontal page scroll on smaller screens

πŸ“Έ Screenshots

Section Screenshot
Functions/Sites - Environment Variables Environment Variables Overflow
Project Settings - Git Configuration Git Configuration Overflow

🎲 Appwrite version

Version 1.8.x

πŸ’» Operating system

Windows

🧱 Your Environment

  • Browser: Chrome 142.0.7444.60 (Official Build) (64-bit)
  • OS: Windows 11 Home (Version 24H2, Build 26100.6584)
  • Console Version: 1.8.0

πŸ‘€ 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?

Activity

  1. added theissue type on Mar 11, 2026
  2. changed the title [-]Tables overflow horizontally on small screens in Git Configuration and Environment Variables[/-] [+]πŸ› Bug: Tables overflow horizontally on small screens in Git Configuration and Environment Variables[/+] on Mar 11, 2026
  3. okorie2 commented on Mar 22, 2026

    @okorie2

    Is there a way to test/replicate this bug as issue #2916 is yet to be fixed? Correct me if 'm wrong but we can not access the described page as clicking on a project doesn't link to the project page. @AbhiVarde

  4. AbhiVarde commented on Mar 22, 2026

    @AbhiVarde
    ContributorAuthor

    hey, just checked #2916 again. that bug is specifically about newly created
    projects not appearing in the list without a refresh. existing projects open
    fine, so there's no blocker to reproduce this one.

    to test: open any existing project, go to Settings β†’ Git Configuration or
    Functions β†’ Environment Variables, then resize the browser to ~768px. the
    overflow shows up immediately.

  5. okorie2 commented on Mar 22, 2026

    @okorie2

    Hi @AbhiVarde you are right. Thing is I am new to Appwrite console, and I only set it up yesterday, so I don't have any existing projects. Was hoping to create a new one in order to replicate the issue but I can't do that for now. Do you know of another way I can add projects to my console so I can replicate the issue and work on the fix as well? Thanks!

  6. AbhiVarde commented on Mar 22, 2026

    @AbhiVarde
    ContributorAuthor

    hey! two ways to go about it:

    1. sign up on Appwrite Cloud (cloud.appwrite.io), free tier works and Invalid queries param: Invalid query methodΒ #2916 doesn't affect it so you can create a project and test right away

    2. run the console locally, no real data needed since this is a pure UI bug. just test the table components at ~768px viewport

    if you still run into issues, drop a message in the Appwrite Discord too.core members are active there and can help you faster. hope that helps!

  7. eldadfux commented on Sep 21, 2026

    @eldadfux
    Member

    Starting today this repo is archived. Please raise any issues with the new Appwrite console on the main platform repo: https://github.com/appwrite/appwrite

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

    Type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions