From 0df5fb4a3498a08dda6f72f39d8ccb3873e78681 Mon Sep 17 00:00:00 2001
From: Eugene Pankov <john.pankov@gmail.com>
Date: Mon, 2 Aug 2021 09:25:05 +0200
Subject: [PATCH] fixed start page button flickering - fixes #4298

---
 tabby-core/src/components/startPage.component.pug | 2 +-
 tabby-core/src/components/startPage.component.ts  | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/tabby-core/src/components/startPage.component.pug b/tabby-core/src/components/startPage.component.pug
index 698b282d..e1743d31 100644
--- a/tabby-core/src/components/startPage.component.pug
+++ b/tabby-core/src/components/startPage.component.pug
@@ -5,7 +5,7 @@ div
 
     .list-group
         a.list-group-item.list-group-item-action.d-flex(
-            *ngFor='let button of getButtons()',
+            *ngFor='let button of getButtons(); trackBy: buttonsTrackBy',
             (click)='button.click()',
         )
             .d-flex.align-self-center([innerHTML]='sanitizeIcon(button.icon)')
diff --git a/tabby-core/src/components/startPage.component.ts b/tabby-core/src/components/startPage.component.ts
index e81ad811..9f7bc84f 100644
--- a/tabby-core/src/components/startPage.component.ts
+++ b/tabby-core/src/components/startPage.component.ts
@@ -32,4 +32,8 @@ export class StartPageComponent {
     sanitizeIcon (icon?: string): any {
         return this.domSanitizer.bypassSecurityTrustHtml(icon ?? '')
     }
+
+    buttonsTrackBy (btn: ToolbarButton): any {
+        return btn.title + btn.icon
+    }
 }