Skip to content

Search box focus outline is getting clipped #992

@OnkarRuikar

Description

@OnkarRuikar

What information was incorrect, unhelpful, or incomplete?

Steps to reproduce:

  1. Bring up the search box
  2. type border
  3. Click TAB key
  4. You'll see the first suggestion getting an outline.
  5. Notice the outline is clipped at the top and the right border.
  6. Click TAB key one more time.
  7. Notice the outline is clipped at the right border.
  8. Click tab key till you reach the last suggestion.
  9. Notice the outline is clipped at the bottom and the right border.

Refer to the following screen recording:

searchbox-2025-10-25_08.24.26.mp4

What did you expect to see?

The focus indicating outline is not clipped:

searchbox_expected-2025-10-25_08.26.01.mp4

The above result was achieved using an ad hoc fix:

a {
  ...
  width: calc(100% - 4px);
  margin: 2px;
}

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

The issue is reproducible in the latest Linux Mint os on the latest Firefox and Chrome browsers.

Metadata

Metadata

Assignees

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