Skip to content

Centered Cmd+N composer shows a native black focus border #322

Description

@JOESOS4

Before filing

Closest existing issue

none found

What's broken

Opening a new session with Cmd+N focuses the centered global composer textarea with a native black focus border. The in-session composer pills do not show that border.

Steps to reproduce

  1. Launch Berd 0.6.3 on macOS (Apple Silicon).
  2. From any existing chat, press Cmd+N to open the centered new-session composer.
  3. Leave the textarea focused (it focuses automatically).
  4. Compare that textarea with an ordinary in-session composer pill.

What you expected to happen

The focused new-session composer textarea should match the other composer pills: no native black outline or ring around the input.

What actually happened

A black rectangular border appears around the textarea inside the centered composer pill. It only shows on the Cmd+N / new-session composer, not on the other composer pills.

How often does it happen?

Every time — reliably reproducible

Berd version

0.6.3

Operating system

macOS (Apple Silicon)

Model and provider

n/a — UI-only. The screenshot was taken with GPT 5.6 Terra Medium selected in the composer, but the border appears as soon as the centered composer is focused.

Relevant log output

no relevant log output

This is a focused-state CSS issue. I looked in ~/Library/Logs/xyz.block.berd/ around the repro; there is nothing about the composer chrome.

Additional context

The in-session ChatInput textarea uses focus:outline-none focus-visible:ring-0 focus-visible:ring-offset-0 and stays inside Berd's global focus reset.

The centered global composer textarea in src/shared/ui/GlobalComposerPill.tsx currently uses focus-override. That class opts the field out of the global *:not(body):not(.focus-override) outline/ring reset in src/shared/styles/globals.css, so WebKit's native black focus outline shows on Cmd+N.

I am not submitting a PR. Berd does not accept outside pull requests. A local patch that removes focus-override and matches the ChatInput focus classes removes the border.

Activity

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

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions