Fixed navbar unwatched scroll behavior

* Fixes saadeghi#875
CapitaineToinon · Aug 9, 2022 · a0f829a · a0f829a
1 parent b6890d7
commit a0f829a
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 12 deletions.
diff --git a/src/docs/package-lock.json b/src/docs/package-lock.json
diff --git a/src/docs/package.json b/src/docs/package.json
@@ -33,7 +33,7 @@
   },
   "dependencies": {
     "color": "^4.2.1",
-    "daisyui": "^2.11.1",
+    "daisyui": "^2.22.0",
     "emoji-unicode": "^2.0.1",
     "lodash.debounce": "^4.0.8",
     "nanoid": "^3.3.1",

diff --git a/src/docs/src/routes/__layout.svelte b/src/docs/src/routes/__layout.svelte
@@ -42,6 +42,10 @@
   onMount(() => {
     parseContentScroll()
     parseSidebarScroll()
+
+    // fix for https://github.com/sveltejs/kit/issues/3501
+    // todo: upgrade to latest svelte-kit version instead
+    document.body.removeAttribute("tabindex")
   })
 
   afterNavigate(() => {
@@ -66,13 +70,13 @@
 
 <div class={`bg-base-100 drawer ${pagesThatDontNeedSidebar.includes($page.url.pathname) ? "" : "drawer-mobile"}`}>
   <input id="drawer" type="checkbox" class="drawer-toggle" bind:checked />
-  <div bind:this={drawercontent} on:scroll={parseContentScroll} class={`drawer-content`} style="scroll-behavior: smooth; scroll-padding-top: 5rem;">
+  <div bind:this={drawercontent} on:scroll={parseContentScroll} class={`drawer-content`} style="scroll-behavior: smooth;">
     <Navbar {drawerContentScrollY} />
     <div class={`${pagesThatDontNeedSidebar.includes($page.url.pathname) ? "" : "p-6 pb-16"}`}>
       <slot />
     </div>
   </div>
-  <div class="drawer-side" style="scroll-behavior: smooth; scroll-padding-top: 5rem;" bind:this={drawersidebar} on:scroll={parseSidebarScroll}>
+  <div class="drawer-side" style="scroll-behavior: smooth;" bind:this={drawersidebar} on:scroll={parseSidebarScroll}>
     <label for="drawer" class="drawer-overlay" />
     <aside class="bg-base-200 w-80">
       <Sidebar {closeDrawer} {openDrawer} {drawerSidebarScrollY} />