From 15f668e1b59931cdcbe88a92667a11c2581c3b70 Mon Sep 17 00:00:00 2001
From: Fabi <192151969+fabske0@users.noreply.github.com>
Date: Tue, 9 Dec 2025 02:45:44 +0100
Subject: [PATCH] [UI/UX] Truncate overlapping name in starter select (#6828)

* Add name truncation

* Update src/ui/handlers/starter-select-ui-handler.ts

Co-authored-by: NightKev <34855794+DayKev@users.noreply.github.com>

* remove unnecessary length check

---------

Co-authored-by: NightKev <34855794+DayKev@users.noreply.github.com>
---
 src/ui/handlers/starter-select-ui-handler.ts | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/ui/handlers/starter-select-ui-handler.ts b/src/ui/handlers/starter-select-ui-handler.ts
index 5d49fb3c57a..86d48ed992c 100644
--- a/src/ui/handlers/starter-select-ui-handler.ts
+++ b/src/ui/handlers/starter-select-ui-handler.ts
@@ -70,6 +70,7 @@ import {
   padInt,
   randIntRange,
   rgbHexToRgba,
+  truncateString,
 } from "#utils/common";
 import type { StarterPreferences } from "#utils/data";
 import { deepCopy, loadStarterPreferences, saveStarterPreferences } from "#utils/data";
@@ -2167,6 +2168,7 @@ export class StarterSelectUiHandler extends MessageUiHandler {
                       } else {
                         this.pokemonNameText.setText(this.lastSpecies.name);
                       }
+                      this.truncateName();
                       ui.setMode(UiMode.STARTER_SELECT);
                     },
                     () => {
@@ -3554,6 +3556,7 @@ export class StarterSelectUiHandler extends MessageUiHandler {
       } else {
         this.pokemonNameText.setText(species.name);
       }
+      this.truncateName();
 
       if (this.speciesStarterDexEntry?.caughtAttr) {
         const colorScheme = starterColors[species.speciesId];
@@ -4674,4 +4677,12 @@ export class StarterSelectUiHandler extends MessageUiHandler {
     this.starterPreferences = {};
     this.originalStarterPreferences = {};
   }
+
+  /**
+   * Truncate the Pokémon name so it won't overlap into the starters.
+   */
+  private truncateName() {
+    const name = this.pokemonNameText.text;
+    this.pokemonNameText.setText(truncateString(name, 15));
+  }
 }