Fix surveyjs/survey-creator#6405: fix animation keys for matrix rows (#…

…9339)
surveyjs · Jan 20, 2025 · 9928efb · 9928efb
1 parent c9c3e7f
commit 9928efb
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/packages/survey-core/src/question_matrixdropdownrendered.ts b/packages/survey-core/src/question_matrixdropdownrendered.ts
@@ -285,6 +285,9 @@ export class QuestionMatrixDropdownRenderedTable extends Base {
       },
       getEnterOptions: (_, info) => {
         return { cssClass: this.cssClasses.rowEnter, onBeforeRunAnimation, onAfterRunAnimation };
+      },
+      getKey: (item) => {
+        return item.id;
       }
     };
   }

diff --git a/packages/survey-core/tests/question_matrixdynamictests.ts b/packages/survey-core/tests/question_matrixdynamictests.ts
@@ -10082,6 +10082,11 @@ QUnit.test("table: check animation options", function (assert) {
   document.body.appendChild(tableHtmlElement);
   questionHtmlElement.style.height = "20px";
 
+  assert.equal(renderedTable.rows[0].id, options.getKey(renderedTable.rows[0]));
+  assert.equal(renderedTable.rows[1].id, options.getKey(renderedTable.rows[1]));
+  assert.equal(renderedTable.rows[2].id, options.getKey(renderedTable.rows[2]));
+  assert.equal(renderedTable.rows[3].id, options.getKey(renderedTable.rows[3]));
+
   const enterOptions = options.getEnterOptions(renderedTable.rows[1]);
   enterOptions.onBeforeRunAnimation && enterOptions.onBeforeRunAnimation(rowHtmlElement);
   assert.equal(enterOptions.cssClass, "enter");