Skip to content

The router devtools badge covers the title and Close button of a side sheet on a phone #211

Closed

Description

@pdevito3

What happens

In a development build on a phone, the TanStack Router devtools badge is at the top right. A side Sheet opens from the right and puts its title and its Close button at the top right too. The badge covers the end of the title and the Close button.

#199 hid the badge only while a bottom sheet is open and a toast shows. A side sheet is not covered by that rule.

Steps

  1. Run the SPA in development (pnpm dev, or the functional suite's Vite server).
  2. Open /components at 320 x 568.
  3. Select Open Sheet.

Expected: the sheet title and the Close button show. Actual: the badge covers "Sheet Title" and the Close button.

Screenshot (light and dark): https://raw.githubusercontent.com/pdevito3/FullstackTemplate/evidence/ui-layout/fixforward/components-sheet-320.png

Only a development build shows the badge. Found while checking the screenshots of PR #202. Main has the same behavior.

Activity

  1. added a commit that references this issue on Oct 28, 2026
    eb15d3a
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

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions