From f5863391fe87a4274da5c092b903fef9207dcfed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kristijan=20Ribari=C4=87?= <kriba13@gmail.com>
Date: Thu, 3 Oct 2024 20:08:29 +0200
Subject: [PATCH] feat: Open new tab on middle click in tab bar

This commit adds the ability to open a new tab by middle-clicking the tab bar.

The functionality is implemented by adding an event listener for the "mouseup" event on the tab bar and checking if the middle mouse button was clicked. If so, it calls the `BrowserCommands.openTab()` function to open a new tab and prevents the default behavior of the event.
---
 src/browser/base/content/ZenUIManager.mjs | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/browser/base/content/ZenUIManager.mjs b/src/browser/base/content/ZenUIManager.mjs
index 52d455be3..798c77154 100644
--- a/src/browser/base/content/ZenUIManager.mjs
+++ b/src/browser/base/content/ZenUIManager.mjs
@@ -84,6 +84,20 @@ var gZenVerticalTabsManager = {
     gZenCompactModeManager.addEventListener(updateEvent);
     this._updateEvent();
     this.initRightSideOrderContextMenu();
+
+    let tabs = document.getElementById("tabbrowser-tabs");
+
+    if (tabs) {
+      tabs.addEventListener("mouseup", this.openNewTabOnTabsMiddleClick.bind(this));
+    }
+  },
+
+  openNewTabOnTabsMiddleClick(event) {
+    if (event.button === 1 && event.target.id === "tabbrowser-tabs") {
+      BrowserCommands.openTab({ event });
+      event.stopPropagation();
+      event.preventDefault();
+    }
   },
 
   get navigatorToolbox() {