Skip to content

Tab bar text gets truncated on small screen sizes #1009

@Piyushsukh

Description

@Piyushsukh

Description

On small screen sizes, the text inside the tab bar is not fully visible and gets truncated.
This affects readability and makes it difficult to understand the tab labels.

Steps to Reproduce

  1. Launch API Dash on a small screen device or reduce the window width.
  2. Navigate to the main request screen.
  3. Observe the tab bar (Request / Response / Code / Dashboard).

Expected Behavior

Tab bar text should be fully visible on all screen sizes.
If space is limited, text should:

  • wrap properly, or
  • use responsive layout, or
  • be scrollable.

Actual Behavior

Tab labels are partially cut and not completely readable on small screens.

Screenshots

Attached below for reference.

Environment

  • OS: Android
  • Device: Small screen / resized window
  • API Dash version: latest (stable)

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions