adopted-ember-addons / adopted-ember-addons/ember-keyboard

Using the on-key modifier in a list, binds to all list items.

Open
#231 4 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
177
Forks
59
PR merge metrics
No merged PRs in 30d

Description

Hey,

Love the on-key modifier, however when using it in a list I observe the following:

```


    {{#each listItems as |item|}}
  • tabindex="0">{{item.name}}

  • {{/each}}

```

When I focus the list item and hit enter, I see an alert triggered for each of the items.

Any guidance on this?

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the list example using the on-key modifier and the Enter key, then inspect how handlers are attached when the list is rendered. Done means pressing Enter on one focused list item triggers only that item's alert rather than every item's alert.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.