Always close drawer on navigation

material/assets/manifest.json

@@ -1,6 +1,6 @@
 {
-  "assets/javascripts/bundle.js": "assets/javascripts/bundle.d8c6976f.min.js",
+  "assets/javascripts/bundle.js": "assets/javascripts/bundle.6b6cf576.min.js",
-  "assets/javascripts/bundle.js.map": "assets/javascripts/bundle.d8c6976f.min.js.map",
+  "assets/javascripts/bundle.js.map": "assets/javascripts/bundle.6b6cf576.min.js.map",
   "assets/javascripts/vendor.js": "assets/javascripts/vendor.e32ed4d0.min.js",
   "assets/javascripts/vendor.js.map": "assets/javascripts/vendor.e32ed4d0.min.js.map",
   "assets/javascripts/worker/search.js": "assets/javascripts/worker/search.b9424174.min.js",

material/base.html

@@ -217,7 +217,7 @@
     {% endblock %}
     {% block scripts %}
       <script src="{{ 'assets/javascripts/vendor.e32ed4d0.min.js' | url }}"></script>
-      <script src="{{ 'assets/javascripts/bundle.d8c6976f.min.js' | url }}"></script>
+      <script src="{{ 'assets/javascripts/bundle.6b6cf576.min.js' | url }}"></script>
       {% for path in config["extra_javascript"] %}
         <script src="{{ path | url }}"></script>
       {% endfor %}

mkdocs.yml

@@ -51,7 +51,7 @@ theme:
   # Default values, taken from mkdocs_theme.yml
   language: en
   features:
-    - navigation.instant
+    # - navigation.instant
     - navigation.sections
     - navigation.tabs
   palette:

src/assets/javascripts/index.ts

@@ -36,6 +36,7 @@ import {
   getElement,
   getElementOrThrow,
   getElements,
+  setToggle,
   watchDocument,
   watchKeyboard,
   watchLocation,
@@ -94,6 +95,10 @@ setupClipboardJS({ alert$ })
 if (feature("navigation.instant"))
   setupInstantLoading({ document$, location$, viewport$ })
 
+/* Always close drawer on navigation */
+merge(location$, target$)
+  .subscribe(() => setToggle("drawer", false))
+
 /* Set up global keyboard handlers */
 keyboard$
   .pipe(

src/assets/javascripts/patches/scrollfix/index.ts

@@ -21,7 +21,13 @@
  */
 
 import { Observable, fromEvent, of } from "rxjs"
-import { mapTo, mergeMap, switchMap, tap } from "rxjs/operators"
+import {
+  filter,
+  mapTo,
+  mergeMap,
+  switchMap,
+  tap
+} from "rxjs/operators"
 
 import { getElements } from "~/browser"
 
@@ -67,11 +73,11 @@ function isAppleDevice(): boolean {
 export function patchScrollfix(
   { document$ }: PatchOptions
 ): void {
-  if (isAppleDevice()) {
   document$
     .pipe(
       switchMap(() => of(...getElements("[data-md-scrollfix]"))),
       tap(el => el.removeAttribute("data-md-scrollfix")),
+      filter(isAppleDevice),
       mergeMap(el => fromEvent(el, "touchstart")
         .pipe(
           mapTo(el)
@@ -91,4 +97,3 @@ export function patchScrollfix(
         }
       })
 }
-}