Fixed scroll offset when tabs are brought into view

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 %}

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)
+            if (
-              prev.click()
+              offset.x         < content.x              ||
-            else if (offset.x + width > content.x + size.width)
+              offset.x + width > content.x + size.width
-              next.click()
+            )
+              container.scrollTo({
+                left: Math.max(0, offset.x - 16),
+                behavior: "smooth"
+              })
           },
 
           /* Handle complete */