emberjs / emberjs/ember.js

#each re-render bug

Open
#16,975 8 comments 1 reaction 0 assignees View on GitHub
bug Has Reproduction Rendering
Dominant language
TypeScript
Stars
22.6k
Forks
4.2k
Avg merge
3d 12h
Merged PRs (30d)
15

Description

I have an array of true/false/undefined values which I am rendering as a list of checkboxes.
When changing an array element to or from true, the list of checkboxes is re-rendered with the following (index+1) checkbox inheriting the change along with the changed checkbox.
Code:
```handlebars
{{#each range as |value idx|}}
{{idx}}: {{value}}

{{/each}}
```
When I use `{{#each range key="@index" as |value idx|}}` it works correctly.

Twiddle: https://ember-twiddle.com/6d63548f35f99da19cee9f58fb64db59

![embereach](https://user-images.githubusercontent.com/39077/45535619-668f2200-b7ff-11e8-9c54-cde8d1b4a8fa.gif)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.