torbjorn/antigravity-claude-proxy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf(ui): debounce window resize event for sidebar responsiveness

Browse Source 
Debounce the window resize event listener with a 150ms timeout to prevent excessive executions, improving performance during window resizing.
This commit is contained in:
jgor20
2026-01-11 14:51:07 +00:00
parent dd7bfe724e
commit 10cbe2125a
1 changed files with 19 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
public/app.js
View File

@@ -67,21 +67,27 @@ document.addEventListener('alpine:init', () => {
// Handle responsive sidebar transitions // Handle responsive sidebar transitions
let lastWidth = window.innerWidth; let lastWidth = window.innerWidth;
let resizeTimeout = null;
window.addEventListener('resize', () => { window.addEventListener('resize', () => {
const currentWidth = window.innerWidth; if (resizeTimeout) clearTimeout(resizeTimeout);
const lgBreakpoint = 1024;
// Desktop -> Mobile: Auto-close sidebar to prevent overlay blocking screen resizeTimeout = setTimeout(() => {
if (lastWidth >= lgBreakpoint && currentWidth < lgBreakpoint) { const currentWidth = window.innerWidth;
this.sidebarOpen = false; const lgBreakpoint = 1024;
}
// Desktop -> Mobile: Auto-close sidebar to prevent overlay blocking screen
// Mobile -> Desktop: Auto-open sidebar (restore standard desktop layout) if (lastWidth >= lgBreakpoint && currentWidth < lgBreakpoint) {
if (lastWidth < lgBreakpoint && currentWidth >= lgBreakpoint) { this.sidebarOpen = false;
this.sidebarOpen = true; }
}
// Mobile -> Desktop: Auto-open sidebar (restore standard desktop layout)
lastWidth = currentWidth; if (lastWidth < lgBreakpoint && currentWidth >= lgBreakpoint) {
this.sidebarOpen = true;
}
lastWidth = currentWidth;
}, 150);
}); });
// Theme setup // Theme setup