From 342175fe76e764277ec552a5fb4e90fc4d1c591b Mon Sep 17 00:00:00 2001 From: Pavel <114500142+PavluntiyJ@users.noreply.github.com> Date: Sat, 4 Jul 2026 17:17:44 +0300 Subject: [PATCH] fix(portals): stop live channels sidebar sharing width storage with shell panel (#1114) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The live-layout channels sidebar (Xtream and Stalker) persisted its width under the shared "sidebar-width" localStorage key — the same key used by the workspace shell context panel. Unlike the shell panel variants, which swap in one slot and never coexist, the channels sidebar is on screen at the same time as the category context panel, so resizing either one silently overwrote the other's stored width and both snapped to the same size after a reload. Give the live channels sidebar its own "live-channels-sidebar-width" key (shared between Xtream and Stalker, which never coexist), matching the precedent already set by unified-live-tab-sidebar-width and m3u-groups-nav-width. The unified key remains in place for the shell slot panels, where sharing is intentional. Co-authored-by: Pavel Co-authored-by: Claude Fable 5 --- .../stalker-live-stream-layout.component.html | 2 +- .../stalker-live-stream-layout.component.spec.ts | 14 ++++++++++++++ .../live-stream-layout.component.html | 2 +- .../live-stream-layout.component.spec.ts | 15 +++++++++++++++ 4 files changed, 31 insertions(+), 2 deletions(-) diff --git a/libs/portal/stalker/feature/src/lib/stalker-live-stream-layout/stalker-live-stream-layout.component.html b/libs/portal/stalker/feature/src/lib/stalker-live-stream-layout/stalker-live-stream-layout.component.html index 876213d48..4cc41cec3 100644 --- a/libs/portal/stalker/feature/src/lib/stalker-live-stream-layout/stalker-live-stream-layout.component.html +++ b/libs/portal/stalker/feature/src/lib/stalker-live-stream-layout/stalker-live-stream-layout.component.html @@ -8,7 +8,7 @@ [minWidth]="250" [maxWidth]="600" [defaultWidth]="400" - storageKey="sidebar-width" + storageKey="live-channels-sidebar-width" >
diff --git a/libs/portal/stalker/feature/src/lib/stalker-live-stream-layout/stalker-live-stream-layout.component.spec.ts b/libs/portal/stalker/feature/src/lib/stalker-live-stream-layout/stalker-live-stream-layout.component.spec.ts index e32ac6a29..49c1d6c9b 100644 --- a/libs/portal/stalker/feature/src/lib/stalker-live-stream-layout/stalker-live-stream-layout.component.spec.ts +++ b/libs/portal/stalker/feature/src/lib/stalker-live-stream-layout/stalker-live-stream-layout.component.spec.ts @@ -621,6 +621,20 @@ describe('StalkerLiveStreamLayoutComponent', () => { expect(stalkerStore.setItvChannels).not.toHaveBeenCalled(); }); + it('persists the channels sidebar width under a dedicated storage key', () => { + // The shell context panel (category sidebar) is visible at the same + // time as this sidebar and persists its width under the shared + // "sidebar-width" key. Reusing that key here makes the two panels + // overwrite each other's stored width across reloads. + fixture.detectChanges(); + + const sidebar: HTMLElement = + fixture.nativeElement.querySelector('.sidebar'); + expect(sidebar.getAttribute('storageKey')).toBe( + 'live-channels-sidebar-width' + ); + }); + it('keeps row previews empty before bulk epg is loaded', async () => { fixture.detectChanges(); await fixture.whenStable(); diff --git a/libs/portal/xtream/feature/src/lib/live-stream-layout/live-stream-layout.component.html b/libs/portal/xtream/feature/src/lib/live-stream-layout/live-stream-layout.component.html index 48c74e9c4..8b2d57657 100644 --- a/libs/portal/xtream/feature/src/lib/live-stream-layout/live-stream-layout.component.html +++ b/libs/portal/xtream/feature/src/lib/live-stream-layout/live-stream-layout.component.html @@ -9,7 +9,7 @@ [minWidth]="250" [maxWidth]="600" [defaultWidth]="400" - storageKey="sidebar-width" + storageKey="live-channels-sidebar-width" >
diff --git a/libs/portal/xtream/feature/src/lib/live-stream-layout/live-stream-layout.component.spec.ts b/libs/portal/xtream/feature/src/lib/live-stream-layout/live-stream-layout.component.spec.ts index 6a591be03..ef2cf4b57 100644 --- a/libs/portal/xtream/feature/src/lib/live-stream-layout/live-stream-layout.component.spec.ts +++ b/libs/portal/xtream/feature/src/lib/live-stream-layout/live-stream-layout.component.spec.ts @@ -1089,6 +1089,21 @@ describe('LiveStreamLayoutComponent', () => { ).toBeNull(); }); + it('persists the channels sidebar width under a dedicated storage key', () => { + // The shell context panel (category sidebar) is visible at the same + // time as this sidebar and persists its width under the shared + // "sidebar-width" key. Reusing that key here makes the two panels + // overwrite each other's stored width across reloads. + selectedCategoryId.set(1); + fixture.detectChanges(); + + const sidebar: HTMLElement = + fixture.nativeElement.querySelector('.sidebar'); + expect(sidebar.getAttribute('storageKey')).toBe( + 'live-channels-sidebar-width' + ); + }); + describe('auto-open from Ctrl+F search navigation state', () => { const searchChannel = { xtream_id: 202,