From f7ee8640713d8eb2cc3c28cb274c1446d82f5b5e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A2u=20Cao?= <raucao@kosmos.org>
Date: Sun, 26 Jul 2026 16:40:08 +0200
Subject: [PATCH] Fix Ember not re-using DOM elements on block updates

Causing serious performance issues without the stable key
---
 app/components/contribution-list/component.js | 1 +
 app/components/contribution-list/template.hbs | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/components/contribution-list/component.js b/app/components/contribution-list/component.js
index 85491af..24cf332 100644
--- a/app/components/contribution-list/component.js
+++ b/app/components/contribution-list/component.js
@@ -73,6 +73,7 @@ export default Component.extend({
           .filter(Boolean);
 
         return EmberObject.create({
+          key: raw.groupId || `c-${first.id}`,
           groupId: raw.groupId,
           items,
           contributors,
diff --git a/app/components/contribution-list/template.hbs b/app/components/contribution-list/template.hbs
index e536656..4359668 100644
--- a/app/components/contribution-list/template.hbs
+++ b/app/components/contribution-list/template.hbs
@@ -30,7 +30,7 @@
 {{/if}}
 
 <ul class="item-list contribution-list {{if @loading 'loading'}}">
-  {{#each this.groupedContributions as |group|}}
+  {{#each this.groupedContributions key="key" as |group|}}
     {{#if group.isGrouped}}
       <li role="button" data-group-id={{group.groupId}}
           {{action "toggleGroup" group}}
@@ -77,7 +77,7 @@
         {{/each}}
       {{/if}}
     {{else}}
-      {{#each group.items as |contribution|}}
+      {{#each group.items key="id" as |contribution|}}
         <li role="button" data-contribution-id={{contribution.id}}
             {{action "openContributionDetails" contribution}}
             class="{{item-status contribution}}{{if (eq contribution.id @selectedContributionId) " selected"}}">