Key the annotations each loop by annotationKey for stable dom nodes

This commit is contained in:
Michael Lange 2020-08-06 17:58:43 -07:00
parent a04d4f2d76
commit 476002d727

View file

@ -27,7 +27,7 @@
<g aria-hidden="true" class="y-axis axis" transform="translate({{this.yAxisOffset}}, 0)"></g>
</svg>
<div data-test-annotations class="line-chart-annotations" style={{this.chartAnnotationsStyle}}>
{{#each this.processedAnnotations as |annotation|}}
{{#each this.processedAnnotations key=this.annotationKey as |annotation|}}
<div data-test-annotation class="chart-annotation {{annotation.iconClass}} {{annotation.staggerClass}}" style={{annotation.style}}>
<button
type="button"

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB