element-hq / element-hq/element-web

Ugly outline, also appears when pressing a key other than Tab

Open
#19,889 5 comments 0 reactions 0 assignees View on GitHub
A-Appearance A11y O-Occasional S-Minor T-Defect X-Needs-Design
Dominant language
TypeScript
Stars
13.5k
Forks
2.8k
PR merge metrics
PR metrics pending

Description

### Steps to reproduce

1. Press a key other than Tab (like Esc, Meta (Windows key), Shift, ...)
2. See an ugly yellow-white outline
![1](https://user-images.githubusercontent.com/47475676/143377294-69e603ab-b158-4375-848f-14c59b9b57ec.png)

### Outcome

#### What did you expect?
Pressing keys other than Tab shouldn't show the outline, the outline should be like this, which isn't ugly:
![2](https://user-images.githubusercontent.com/47475676/143377349-4178d98d-6ec5-490c-a8de-021ca413261d.png)

…or like Discord's:
![3](https://user-images.githubusercontent.com/47475676/143377739-d1fe843e-25a9-4ff1-8cfa-30df856b91c3.png)

#### What happened instead?
The outline shows whenever I press a key other than Tab (e.g., when taking a screenshot using the shortcut Meta + Shift + PrtSc)

### Operating system

Arch Linux

### Application version

Element Nightly version: 2021112401 Olm version: 3.2.3

### How did you install the app?

AUR

### Homeserver

matrix.org

### Will you send logs?

No

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the outline with Esc, Meta, Shift, and other non-Tab keys in Element Nightly on Arch Linux, using the screenshots as the visual reference. The issue names no source files or tests; done means non-Tab keys no longer show the unwanted yellow-white outline while the intended outline remains.

Written by the indexing model from the issue text.

Assessment

Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.