Arm sidePanel setPanelBehavior at top level; onClicked wrap ate first click

Author: cezaraugusto

examples/ai-chatgpt/src/background.ts

@@ -13,9 +13,9 @@ if (isFirefoxLike) {
     browser.sidebarAction.open()
   })
 } else {
-  chrome.action.onClicked.addListener(() => {
-    chrome.sidePanel.setPanelBehavior({openPanelOnActionClick: true})
-  })
+  // setPanelBehavior only affects FUTURE action clicks — registering it
+  // inside onClicked would swallow the first toolbar click.
+  chrome.sidePanel.setPanelBehavior({openPanelOnActionClick: true})
 }
 
 chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {

examples/ai-claude/src/background.ts

@@ -13,9 +13,9 @@ if (isFirefoxLike) {
     browser.sidebarAction.open()
   })
 } else {
-  chrome.action.onClicked.addListener(() => {
-    chrome.sidePanel.setPanelBehavior({openPanelOnActionClick: true})
-  })
+  // setPanelBehavior only affects FUTURE action clicks — registering it
+  // inside onClicked would swallow the first toolbar click.
+  chrome.sidePanel.setPanelBehavior({openPanelOnActionClick: true})
 }
 
 chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {

examples/ai-gemini/src/background.ts

@@ -13,9 +13,9 @@ if (isFirefoxLike) {
     browser.sidebarAction.open()
   })
 } else {
-  chrome.action.onClicked.addListener(() => {
-    chrome.sidePanel.setPanelBehavior({openPanelOnActionClick: true})
-  })
+  // setPanelBehavior only affects FUTURE action clicks — registering it
+  // inside onClicked would swallow the first toolbar click.
+  chrome.sidePanel.setPanelBehavior({openPanelOnActionClick: true})
 }
 
 chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {

examples/ai-perplexity/src/background.ts

@@ -13,9 +13,9 @@ if (isFirefoxLike) {
     browser.sidebarAction.open()
   })
 } else {
-  chrome.action.onClicked.addListener(() => {
-    chrome.sidePanel.setPanelBehavior({openPanelOnActionClick: true})
-  })
+  // setPanelBehavior only affects FUTURE action clicks — registering it
+  // inside onClicked would swallow the first toolbar click.
+  chrome.sidePanel.setPanelBehavior({openPanelOnActionClick: true})
 }
 
 chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {

examples/javascript/src/background.js

@@ -19,9 +19,9 @@ if (isFirefoxLike) {
 }
 
 if (!isFirefoxLike) {
-  chrome.action.onClicked.addListener(() => {
-    chrome.sidePanel.setPanelBehavior({openPanelOnActionClick: true})
-  })
+  // setPanelBehavior only affects FUTURE action clicks — registering it
+  // inside onClicked would swallow the first toolbar click.
+  chrome.sidePanel.setPanelBehavior({openPanelOnActionClick: true})
 }
 
 chrome.runtime.onMessage.addListener((message) => {

examples/playwright/src/background.ts

@@ -19,7 +19,7 @@ if (isFirefoxLike) {
 }
 
 if (!isFirefoxLike) {
-  chrome.action.onClicked.addListener(() => {
-    chrome.sidePanel.setPanelBehavior({openPanelOnActionClick: true})
-  })
+  // setPanelBehavior only affects FUTURE action clicks — registering it
+  // inside onClicked would swallow the first toolbar click.
+  chrome.sidePanel.setPanelBehavior({openPanelOnActionClick: true})
 }

examples/preact/src/background.ts

@@ -19,9 +19,9 @@ if (isFirefoxLike) {
 }
 
 if (!isFirefoxLike) {
-  chrome.action.onClicked.addListener(() => {
-    chrome.sidePanel.setPanelBehavior({openPanelOnActionClick: true})
-  })
+  // setPanelBehavior only affects FUTURE action clicks — registering it
+  // inside onClicked would swallow the first toolbar click.
+  chrome.sidePanel.setPanelBehavior({openPanelOnActionClick: true})
 }
 
 chrome.runtime.onMessage.addListener((message) => {

examples/react/src/background.ts

@@ -19,9 +19,9 @@ if (isFirefoxLike) {
 }
 
 if (!isFirefoxLike) {
-  chrome.action.onClicked.addListener(() => {
-    chrome.sidePanel.setPanelBehavior({openPanelOnActionClick: true})
-  })
+  // setPanelBehavior only affects FUTURE action clicks — registering it
+  // inside onClicked would swallow the first toolbar click.
+  chrome.sidePanel.setPanelBehavior({openPanelOnActionClick: true})
 }
 
 chrome.runtime.onMessage.addListener((message) => {

examples/sidebar-antd/src/background.js

@@ -10,7 +10,7 @@ if (isFirefoxLike) {
     browser.sidebarAction.open()
   })
 } else {
-  chrome.action.onClicked.addListener(() => {
-    chrome.sidePanel.setPanelBehavior({openPanelOnActionClick: true})
-  })
+  // setPanelBehavior only affects FUTURE action clicks — registering it
+  // inside onClicked would swallow the first toolbar click.
+  chrome.sidePanel.setPanelBehavior({openPanelOnActionClick: true})
 }

examples/sidebar-monorepo-turbopack/packages/extension/src/background.js

@@ -21,9 +21,9 @@ if (isFirefoxLike) {
   }
 } else {
   try {
-    chrome.action?.onClicked.addListener(() => {
-      chrome.sidePanel.setPanelBehavior({openPanelOnActionClick: true})
-    })
+    // setPanelBehavior only affects FUTURE action clicks — registering it
+    // inside onClicked would swallow the first toolbar click.
+    chrome.sidePanel?.setPanelBehavior({openPanelOnActionClick: true})
   } catch {
     // Ignore errors - best effort
   }