fix: lock background scroll behind mobile menu

2026-09-08 19:17:10 +08:00
parent 1e0c7ae25c
commit 5ec081223a
3 changed files with 10 additions and 2 deletions
@@ -436,6 +436,14 @@ describe('sidebar layout', () => {
    expect(css).toContain('.scrim{position:fixed;z-index:35;')
  })

+  it('locks background scrolling while the mobile sidebar is open', () => {
+    expect(app).toContain("'mobile-sidebar-open': mobileSidebar")
+    expect(css).toContain('.shell.mobile-sidebar-open{overflow:hidden}')
+    expect(css).toContain('.shell.mobile-sidebar-open main{overflow:hidden;touch-action:none}')
+    expect(css).toContain('.sidebar{position:fixed;z-index:50;')
+    expect(css).toContain('overscroll-behavior:contain')
+  })
+
  it('uses valid sibling controls for sidebar rows', () => {
    expect(app).toContain('class="list-row"')
    expect(app).toContain('class="list-row-main"')