Sidebar: Improve performance for reize listener

Author: lamATnginx

assets/js/sidebar-v2.js

@@ -37,29 +37,26 @@ document.addEventListener('click', (e) => {
   }
 });
 
-document.addEventListener('DOMContentLoaded', () => {
-  const sidebar = document.querySelector('.sidebar__ul');
-
-  if (!sidebar) return;
-
-  const activeLink = sidebar.querySelector('.sidebar__link--current');
-
-  if (activeLink) {
-    activeLink.scrollIntoView({
-      behavior: 'auto',
-      block: 'center',
-      inline: 'nearest',
-    });
-  }
-});
-
-window.addEventListener('resize', () => {
-  const sidebar = document.getElementById('sidebar-v2');
+const debounce = (callback, wait) => {
+  let timeoutId = null;
+  return (...args) => {
+    window.clearTimeout(timeoutId);
+    timeoutId = window.setTimeout(() => {
+      callback(...args);
+    }, wait);
+  };
+};
+
+window.addEventListener(
+  'resize',
+  debounce(() => {
+    const sidebar = document.getElementById('sidebar-v2');
 
-  if (
-    window.innerWidth > 88 * 16 &&
-    sidebar.classList.contains('sidebar__mobile-open')
-  ) {
-    sidebar.classList.remove('sidebar__mobile-open');
-  }
-});
+    if (
+      window.innerWidth > 88 * 16 &&
+      sidebar.classList.contains('sidebar__mobile-open')
+    ) {
+      sidebar.classList.remove('sidebar__mobile-open');
+    }
+  }, 200)
+);