Search box focus outline is getting clipped
Open
@low-perry is already working on this.
Since Mar 25, 2026.
- Dominant language
- JavaScript
- Stars
- 233
- Forks
- 61
- Avg merge
- 1d 1h
- Merged PRs (30d)
- 82
Description
What information was incorrect, unhelpful, or incomplete?
Steps to reproduce:
- Bring up the search box
- type
border - Click
TABkey - You'll see the first suggestion getting an outline.
- Notice the outline is clipped at the top and the right border.
- Click
TABkey one more time. - Notice the outline is clipped at the right border.
- Click tab key till you reach the last suggestion.
- Notice the outline is clipped at the bottom and the right border.
Refer to the following screen recording:
https://github.com/user-attachments/assets/24ff6bf8-0de4-44a0-bb19-d8bc2fa65341
What did you expect to see?
The focus indicating outline is not clipped:
https://github.com/user-attachments/assets/d7afba48-1274-4aee-b0c2-279515a31c73
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.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.