From d72106f7735d71b1a90c817f7c6edc60b664c284 Mon Sep 17 00:00:00 2001
From: SabreML <57483089+SabreML@users.noreply.github.com>
Date: Thu, 22 Feb 2024 10:16:11 +0000
Subject: [PATCH] TGUI input list search fix (#5775)

# About the pull request

Fixes the search function of `tgui_input_list`, and also makes the
search bar automatically focus when toggled.
This was caused by the same issue as #5581.

# Explain why it's good for the game

Bugfix, and a little QOL thing.

# Testing Photographs and Procedure
<details>
<summary>Screenshots & Videos</summary>

('Teleport to Area' menu as an example, but it's the same on any
others.)
**Before:**


https://github.com/cmss13-devs/cmss13/assets/57483089/8450adef-38f4-4ae4-963a-11533a328841

**After:**


https://github.com/cmss13-devs/cmss13/assets/57483089/ede80ffa-7ce6-47c9-9711-a5f29560d1bd

</details>


# Changelog
:cl:
fix: Fixed the search function of TGUI input lists.
qol: Made the TGUI input list search bar automatically focus when
toggled.
/:cl:
---
 tgui/packages/tgui/interfaces/ListInput.jsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/tgui/packages/tgui/interfaces/ListInput.jsx b/tgui/packages/tgui/interfaces/ListInput.jsx
index 2ed72bcc63bf..324e1f6b64fe 100644
--- a/tgui/packages/tgui/interfaces/ListInput.jsx
+++ b/tgui/packages/tgui/interfaces/ListInput.jsx
@@ -123,9 +123,9 @@ export const ListInput = (props) => {
                   }}
                 />
               }>
-              {displayedArray.map((button) => (
+              {displayedArray.map((button, i) => (
                 <Button
-                  key={button}
+                  key={i}
                   fluid
                   color="transparent"
                   id={button}
@@ -161,6 +161,7 @@ export const ListInput = (props) => {
             <Stack.Item>
               <Input
                 fluid
+                autoFocus
                 onInput={(e, value) =>
                   setDisplayedArray(
                     buttons.filter(