Fixed scroll offset when tabs are brought into view

squidfunk · Jun 4, 2022 · c4cb6b4 · c4cb6b4
1 parent 35210f5
commit c4cb6b4
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 9 deletions.
diff --git a/...assets/javascripts/bundle.0f659f14.min.js → ...assets/javascripts/bundle.7f366e99.min.js b/...assets/javascripts/bundle.0f659f14.min.js → ...assets/javascripts/bundle.7f366e99.min.js
diff --git a/...ts/javascripts/bundle.0f659f14.min.js.map → ...ts/javascripts/bundle.7f366e99.min.js.map b/...ts/javascripts/bundle.0f659f14.min.js.map → ...ts/javascripts/bundle.7f366e99.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.0f659f14.min.js' | url }}"></script>
+      <script src="{{ 'assets/javascripts/bundle.7f366e99.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
@@ -140,10 +140,14 @@ export function mountContentTabs(
 
             /* Scroll container to active content tab */
             const content = getElementContentOffset(container)
-            if (offset.x < content.x)
-              prev.click()
-            else if (offset.x + width > content.x + size.width)
-              next.click()
+            if (
+              offset.x         < content.x              ||
+              offset.x + width > content.x + size.width
+            )
+              container.scrollTo({
+                left: Math.max(0, offset.x - 16),
+                behavior: "smooth"
+              })
           },
 
           /* Handle complete */