diff --git a/app/webpacker/controllers/tabs_and_panels_controller.js b/app/webpacker/controllers/tabs_and_panels_controller.js
index e9b208fae7..0e79aee0ee 100644
--- a/app/webpacker/controllers/tabs_and_panels_controller.js
+++ b/app/webpacker/controllers/tabs_and_panels_controller.js
@@ -30,6 +30,15 @@ export default class extends Controller {
       const tab_id = anchor.split("_panel").shift();
       this.updateActiveTab(tab_id);
     }
+
+    window.addEventListener("tabs-and-panels:click", (event) => {
+      this.simulateClick(event.detail.tab, event.detail.panel);
+    });
+  }
+
+  simulateClick(tab, panel) {
+    this.updateActiveTab(tab);
+    this.updateActivePanel(panel);
   }
 
   changeActivePanel(event) {