danilowoz / danilowoz/spatial-keyboard-navigation

Navigation highlight scrolls with page on Safari 15

Open
#1 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
226
Forks
8
PR merge metrics
No merged PRs in 30d

Description

On Safari 15, occasionally the navigation highlight rectangle gets out of alignment with the element it highlights:

image

The highlight rectangle appears to be fixed relative to the window and not the body content, so scrolling the page causes this to happen. This happens whenever the up/down arrow keys are pressed unless the page is already at the scrolling boundary.

Contributor guide

No contributing guide indexed for this repository

Research direction

Reproduce the issue in Safari 15 by using the up and down arrow keys and scrolling away from the boundary. Then trace the navigation highlight and the selected element's positioning; done means the rectangle remains aligned while the page scrolls. The payload names no source files or tests, so locate the relevant entry point from the navigation-highlight behavior.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.