Allow ids for content tabs with special characters

squidfunk · Jul 2, 2022 · 209856e · 209856e
1 parent 940cfb2
commit 209856e
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/...assets/javascripts/bundle.0238f547.min.js → ...assets/javascripts/bundle.382fbf4b.min.js b/...assets/javascripts/bundle.0238f547.min.js → ...assets/javascripts/bundle.382fbf4b.min.js
diff --git a/...ts/javascripts/bundle.0238f547.min.js.map → ...ts/javascripts/bundle.382fbf4b.min.js.map b/...ts/javascripts/bundle.0238f547.min.js.map → ...ts/javascripts/bundle.382fbf4b.min.js.map
diff --git a/material/base.html b/material/base.html
@@ -216,7 +216,7 @@
       </script>
     {% endblock %}
     {% block scripts %}
-      <script src="{{ 'assets/javascripts/bundle.0238f547.min.js' | url }}"></script>
+      <script src="{{ 'assets/javascripts/bundle.382fbf4b.min.js' | url }}"></script>
       {% for path in config["extra_javascript"] %}
         <script src="{{ path | url }}"></script>
       {% endfor %}

diff --git a/src/assets/javascripts/components/content/tabs/index.ts b/src/assets/javascripts/components/content/tabs/index.ts
@@ -84,11 +84,11 @@ export function watchContentTabs(
   const initial = inputs.find(input => input.checked) || inputs[0]
   return merge(...inputs.map(input => fromEvent(input, "change")
     .pipe(
-      map(() => getElement<HTMLLabelElement>(`label[for=${input.id}]`))
+      map(() => getElement<HTMLLabelElement>(`label[for="${input.id}"]`))
     )
   ))
     .pipe(
-      startWith(getElement<HTMLLabelElement>(`label[for=${initial.id}]`)),
+      startWith(getElement<HTMLLabelElement>(`label[for="${initial.id}"]`)),
       map(active => ({ active }))
     )
 }
@@ -196,7 +196,7 @@ export function mountContentTabs(
             for (const input of getElements<HTMLInputElement>(
               ":scope > input", set
             )) {
-              const label = getElement(`label[for=${input.id}]`)
+              const label = getElement(`label[for="${input.id}"]`)
               if (label.innerText.trim() === tab) {
                 input.click()
                 break