mi6 / mi6/ic-ui-kit

Multiple Components: selecting item with Space scrolls screen

Open
#3,152 4 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

spike
Dominant language
TypeScript
Stars
53
Forks
63
Avg merge
2d 4h
Merged PRs (30d)
15

Description

Summary of the bug

Pressing space to select an option in a code example scrolls the screen

🪜 How to reproduce

Go to a component where you can select an option with space (tree-view)

Select an option then arrow up or down to another, press space to select the option

See that the window is scrolled instead of selecting the option

🧐 Expected behaviour

Should select the option

Additional info

Consider capturing keyboard input when a code window is focused.

Contributor guide

Open the contributing guide

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.

Research direction

Start with the tree-view code example and the keyboard handling for selectable options. Reproduce the issue by moving between options with the arrow keys and pressing Space, then verify that Space selects the focused option without scrolling; check the behavior across the affected components.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.