From: Alexander Moisseev <moiseev@mezonplus.ru>
Date: Fri, 24 Oct 2025 13:41:35 +0000 (+0300)
Subject: [Minor] Fix icon rendering race condition in tab initialization
X-Git-Url: http://git.ipfire.org/gitweb.cgi?a=commitdiff_plain;h=5e52a1ec57443f6f0758b04586f43578355b8742;p=thirdparty%2Frspamd.git

[Minor] Fix icon rendering race condition in tab initialization

Initialize FontAwesome icon replacement before activating stickyTabs
to ensure FooTable icons are properly converted on initial tab load.

Previously, stickyTabs would activate #status_nav before the FontAwesome
MutationObserver was set up, causing icons to render as unstyled fooicons.
---

diff --git a/interface/js/app/rspamd.js b/interface/js/app/rspamd.js
index ca3319f285..ae19aec003 100644
--- a/interface/js/app/rspamd.js
+++ b/interface/js/app/rspamd.js
@@ -253,11 +253,11 @@ define(["jquery", "app/common", "stickytabs", "visibility",
 
                 $("#preloader").addClass("d-none");
                 $("#navBar, #mainUI").removeClass("d-none");
-                $(".nav-tabs-sticky").stickyTabs({initialTab: "#status_nav"});
 
-                // Initialize FontAwesome icon replacement for FooTable
+                // Initialize FontAwesome icon replacement for FooTable before activating tabs
                 require(["app/footable-fontawesome"], (FootableFA) => {
                     FootableFA.init();
+                    $(".nav-tabs-sticky").stickyTabs({initialTab: "#status_nav"});
                 });
             },
             errorMessage: "Cannot get server status",