Skip to content

🐛 Bug: Column tooltip overflow on Columns tab in database table view #2823

@AbhiVarde

Description

@AbhiVarde

👟 Reproduction steps

  1. Visit console columns page (e.g., https://cloud.appwrite.io/console/project-[region]-[project]/databases/database-[database]/table-jobs/columns)
  2. Hover over a column that has min/max values displayed (e.g., user_id or job_count columns)
  3. Observe the tooltip displaying the full numeric values
  4. Notice the tooltip extends beyond the viewport boundaries

👍 Expected behavior

  • Tooltip should remain within viewport boundaries
  • Long numeric values should be displayed in a constrained width tooltip
  • Tooltip should intelligently reposition itself when near viewport edges
  • Content should remain readable without horizontal scrolling

👎 Actual Behavior

  • Tooltip with maxWidth="fit-content" allows unlimited width
  • Long numeric values (e.g., Min: 223,372,036,854,775,808) cause tooltip to overflow
  • Tooltip extends outside visible area, content gets cut off
  • Poor UX on smaller screens or when columns are positioned near edges

📸 Screenshots

Section Current Issue
Columns Tab – Tooltip Overflow Tooltip 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?

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions