From 50a25a802c9bc89dcf6a1e1ac3e47710e017549c Mon Sep 17 00:00:00 2001
From: Christian Semmler <mail@csemmler.com>
Date: Sun, 1 Feb 2026 15:38:16 -0800
Subject: [PATCH] Add scroll-into-view behavior for name slots on mobile

When name slots overflow on narrow screens, focusing a partially visible
slot now smoothly scrolls it into view. Scrollbar is hidden for cleaner UI.
---
 src/lib/SaveEditorPage.svelte | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/lib/SaveEditorPage.svelte b/src/lib/SaveEditorPage.svelte
index 1ccc560..44ec3f6 100644
--- a/src/lib/SaveEditorPage.svelte
+++ b/src/lib/SaveEditorPage.svelte
@@ -215,6 +215,7 @@
 
     function handleSlotFocus(e) {
         e.target.select();
+        e.target.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' });
     }
 
     // Character handler
@@ -496,11 +497,20 @@
 
     .section-inner {
         padding-top: 4px;
+        min-width: 0;
     }
 
     .name-slots {
         display: flex;
         gap: 4px;
+        max-width: 100%;
+        overflow-x: auto;
+        scrollbar-width: none;
+        -ms-overflow-style: none;
+    }
+
+    .name-slots::-webkit-scrollbar {
+        display: none;
     }
 
     .name-slot {