diff --git a/functional-samples/tutorial.tabs-manager/background.js b/functional-samples/tutorial.tabs-manager/background.js
new file mode 100644
index 00000000..68095ab0
--- /dev/null
+++ b/functional-samples/tutorial.tabs-manager/background.js
@@ -0,0 +1,3 @@
+chrome.runtime.onInstalled.addListener(() => {
+ chrome.sidePanel.setPanelBehavior({ openPanelOnActionClick: true });
+});
diff --git a/functional-samples/tutorial.tabs-manager/manifest.json b/functional-samples/tutorial.tabs-manager/manifest.json
index 9260dd94..118bed4a 100644
--- a/functional-samples/tutorial.tabs-manager/manifest.json
+++ b/functional-samples/tutorial.tabs-manager/manifest.json
@@ -8,9 +8,13 @@
"48": "images/icon-48.png",
"128": "images/icon-128.png"
},
- "action": {
- "default_popup": "popup.html"
+ "background": {
+ "service_worker": "background.js"
+ },
+ "action": {},
+ "side_panel": {
+ "default_path": "sidepanel.html"
},
"host_permissions": ["https://developer.chrome.com/*"],
- "permissions": ["tabGroups"]
+ "permissions": ["tabGroups", "sidePanel"]
}
diff --git a/functional-samples/tutorial.tabs-manager/popup.css b/functional-samples/tutorial.tabs-manager/sidepanel.css
similarity index 100%
rename from functional-samples/tutorial.tabs-manager/popup.css
rename to functional-samples/tutorial.tabs-manager/sidepanel.css
diff --git a/functional-samples/tutorial.tabs-manager/popup.html b/functional-samples/tutorial.tabs-manager/sidepanel.html
similarity index 82%
rename from functional-samples/tutorial.tabs-manager/popup.html
rename to functional-samples/tutorial.tabs-manager/sidepanel.html
index 5470071d..b67d9d7d 100644
--- a/functional-samples/tutorial.tabs-manager/popup.html
+++ b/functional-samples/tutorial.tabs-manager/sidepanel.html
@@ -4,7 +4,7 @@
-
+
@@ -20,6 +20,6 @@
-
+