Init

1 files changed, 12 insertions, 0 deletions

diff --git a/src/scripts/lib/tabbar.ts b/src/scripts/lib/tabbar.ts
new file mode 100644
index 0000000..6a3d3d3
--- /dev/null
+++ b/src/scripts/lib/tabbar.ts
@@ -0,0 +1,12 @@
+export function mountTabbar() {
+        const tabbarEls = document.querySelectorAll<HTMLElement>(".o-tabbar__tabs");
+
+        for (const tabbarEl of tabbarEls) {
+                const selectedItemEl = tabbarEl.querySelector<HTMLElement>(".o-tabbar__tab.is-selected");
+
+                if (selectedItemEl) {
+                        tabbarEl.scrollLeft =
+                                selectedItemEl.offsetLeft - 0.5 * tabbarEl.clientWidth + 0.5 * selectedItemEl.clientWidth;
+                }
+        }
+}