diff --git a/src/browser/base/zen-components/ZenMediaController.mjs b/src/browser/base/zen-components/ZenMediaController.mjs index 0096f971a..6aded7022 100644 --- a/src/browser/base/zen-components/ZenMediaController.mjs +++ b/src/browser/base/zen-components/ZenMediaController.mjs @@ -428,7 +428,10 @@ class ZenMediaController { } onMediaFocus() { - this._currentMediaController?.focus(); + if (!this._currentBrowser) return; + const sidebarId = this._currentBrowser.getAttribute('zen-sidebar-id'); + if (sidebarId) gZenBrowserManagerSidebar.open(sidebarId); + else this._currentMediaController?.focus(); } onMediaMute() { diff --git a/src/browser/base/zen-components/ZenSidebarManager.mjs b/src/browser/base/zen-components/ZenSidebarManager.mjs index 2b695a35d..3dfaa8a99 100644 --- a/src/browser/base/zen-components/ZenSidebarManager.mjs +++ b/src/browser/base/zen-components/ZenSidebarManager.mjs @@ -280,8 +280,10 @@ class ZenBrowserManagerSidebar extends ZenDOMOperatedFeature { this.close(); } - open() { + open(id = null) { let sidebar = document.getElementById('zen-sidebar-web-panel'); + if (id) this._currentPanel = id; + sidebar.removeAttribute('hidden'); this.update(); }