From 7bcfd7d7c566a27c843c5555155ea4d4d72c2cf3 Mon Sep 17 00:00:00 2001
From: Stephan de Wit <stephan.de.wit@deciso.com>
Date: Fri, 13 Feb 2026 11:41:00 +0100
Subject: [PATCH] bootgrid: swap order of custom commands placement making sure
 they participate in command binding

---
 src/opnsense/www/js/opnsense_bootgrid.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/opnsense/www/js/opnsense_bootgrid.js b/src/opnsense/www/js/opnsense_bootgrid.js
index fc9dd04d54..61b8e112f5 100644
--- a/src/opnsense/www/js/opnsense_bootgrid.js
+++ b/src/opnsense/www/js/opnsense_bootgrid.js
@@ -817,11 +817,6 @@ class UIBootgrid {
 
         this._renderFooterCommands();
 
-        // if there are custom commands defined, inject them here
-        if (this.customCommands !== null) {
-            this.customCommands.appendTo($(`#${this.id} > .tabulator-footer > .tabulator-footer-contents`));
-        }
-
         // swap page counter and paginator around (old look & feel).
         // we hook in before tableBuilt, but after dataLoading
         // since we know the footer is rendered at this point,
@@ -1142,6 +1137,11 @@ class UIBootgrid {
 
         $footerPrimary.after($commandContainer);
 
+        // if there are custom commands defined, inject them here
+        if (this.customCommands !== null) {
+            this.customCommands.appendTo($footerSecondary);
+        }
+
         // bind tooltips
         $(`#${this.id} > .tabulator-footer`).find('.bootgrid-tooltip').each((i, el) => {
             $(el).tooltip({container: 'body', trigger: 'hover'});