Fixed expanded sections not opening on first click (mobile)

material/base.html

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

src/assets/javascripts/bundle.ts

@@ -144,7 +144,7 @@ keyboard$
     })
 
 /* Set up patches */
-patchIndeterminate({ document$ })
+patchIndeterminate({ document$, tablet$ })
 patchScrollfix({ document$ })
 patchScrolllock({ viewport$, tablet$ })
 

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

@@ -26,7 +26,8 @@ import {
   mergeMap,
   switchMap,
   takeWhile,
-  tap
+  tap,
+  withLatestFrom
 } from "rxjs/operators"
 
 import { getElements } from "~/browser"
@@ -40,6 +41,7 @@ import { getElements } from "~/browser"
  */
 interface PatchOptions {
   document$: Observable<Document>      /* Document observable */
+  tablet$: Observable<boolean>         /* Tablet breakpoint observable */
 }
 
 /* ----------------------------------------------------------------------------
@@ -55,7 +57,7 @@ interface PatchOptions {
  * @param options - Options
  */
 export function patchIndeterminate(
-  { document$ }: PatchOptions
+  { document$, tablet$ }: PatchOptions
 ): void {
   document$
     .pipe(
@@ -71,10 +73,12 @@ export function patchIndeterminate(
           takeWhile(() => el.hasAttribute("data-md-state")),
           mapTo(el)
         )
+      ),
+      withLatestFrom(tablet$)
     )
-    )
+      .subscribe(([el, tablet]) => {
-      .subscribe(el => {
         el.removeAttribute("data-md-state")
+        if (tablet)
           el.checked = false
       })
 }