Long touch can trigger focus border when focus is moving from one element to another

Open
#78 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

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

Research direction

Start with src/Keyborg.ts around line 129 and reproduce the issue using the linked Fluent UI Button example in Edge's mobile emulator. Compare focus changes after a long press on the rounded button with the recent-click timing described in the issue. Done means moving focus by long touch does not incorrectly trigger the focus border.

Written by the indexing model from the issue text.

Description

Repro:

https://react.fluentui.dev/?path=/docs/components-button-button--default#shape

Open in mobile emulator in edge, click on 'circular' button to put focus on button

image

Long press on 'rounded' button, and let go after 1 second has passed

image

This happens due to focus moving from 1 button to the other without a click within the last second

https://github.com/microsoft/keyborg/blob/main/src/Keyborg.ts#L129

Dominant language
TypeScript
Stars
24
Forks
15
Avg merge
1d 2h
Merged PRs (30d)
2

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from microsoft/keyborg

All issues in microsoft/keyborg

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.