Add an item to group the active tab in a new group. (#592)

steven-gardiner · rebloor · web-flow · commit c684711f6b07 · 2025-08-06T19:53:42.000+12:00
* Add an item to group the active tab in a new group.

* Text update

---------

Co-authored-by: rebloor &lt;git@sherpa.co.nz&gt;
diff --git a/tabs-tabs-tabs/tabs.html b/tabs-tabs-tabs/tabs.html
@@ -25,6 +25,7 @@
 
     <a href="#" id="tabs-create">Create a tab</a><br>
     <a href="#" id="tabs-remove">Remove active tab</a><br>
+    <a href="#" id="tabs-group">Add active tab to a new group</a><br>
 
     <div class="panel-section-separator"></div>
 
diff --git a/tabs-tabs-tabs/tabs.js b/tabs-tabs-tabs/tabs.js
@@ -98,6 +98,12 @@ document.addEventListener("click", (e) => {
     });
   }
 
+  else if (e.target.id === "tabs-group") {
+    callOnActiveTab((tab) => {
+      browser.tabs.group({ tabIds: [tab.id] });
+    });
+  }
+
   else if (e.target.id === "tabs-create") {
     browser.tabs.create({url: "https://developer.mozilla.org/en-US/Add-ons/WebExtensions"});
   }

Original file line number	Diff line number	Diff line change
`@@ -98,6 +98,12 @@ document.addEventListener("click", (e) => {`
`98`	`98`	`});`
`99`	`99`	`}`
`100`	`100`
	`101`	`+ else if (e.target.id === "tabs-group") {`
	`102`	`+ callOnActiveTab((tab) => {`
	`103`	`+ browser.tabs.group({ tabIds: [tab.id] });`
	`104`	`+ });`
	`105`	`+ }`
	`106`	`+`
`101`	`107`	`else if (e.target.id === "tabs-create") {`
`102`	`108`	`browser.tabs.create({url: "https://developer.mozilla.org/en-US/Add-ons/WebExtensions"});`
`103`	`109`	`}`