From 32b8e7400447bd17220b9eedb755e66dd919e05c Mon Sep 17 00:00:00 2001
From: rxdn <29165304+rxdn@users.noreply.github.com>
Date: Mon, 17 Jul 2023 20:52:15 +0100
Subject: [PATCH] Use on:input

---
 frontend/src/components/PanelDropdown.svelte            | 2 +-
 frontend/src/components/WrappedSelect.svelte            | 1 +
 frontend/src/components/manage/PanelCreationForm.svelte | 6 +++---
 frontend/src/views/Teams.svelte                         | 2 +-
 4 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/PanelDropdown.svelte b/frontend/src/components/PanelDropdown.svelte
index e46aa13..d1cb411 100644
--- a/frontend/src/components/PanelDropdown.svelte
+++ b/frontend/src/components/PanelDropdown.svelte
@@ -1,7 +1,7 @@
 <label class="form-label">{label}</label>
 
 <WrappedSelect placeholder="Select panel..." items={panels} optionIdentifier="panel_id" nameMapper={labelMapper}
-               bind:selectedValue={selectedRaw} on:change={update} on:clear={handleClear} {isMulti} {isSearchable} />
+               bind:selectedValue={selectedRaw} on:input={update} on:clear={handleClear} {isMulti} {isSearchable} />
 
 <script>
     import {onMount} from "svelte";
diff --git a/frontend/src/components/WrappedSelect.svelte b/frontend/src/components/WrappedSelect.svelte
index d4e8c6a..33aea77 100644
--- a/frontend/src/components/WrappedSelect.svelte
+++ b/frontend/src/components/WrappedSelect.svelte
@@ -1,6 +1,7 @@
 <Select {items}
         bind:value={selectedValue}
         on:change
+        on:input
         on:clear
         searchable={searchable}
         clearable={isClearable}
diff --git a/frontend/src/components/manage/PanelCreationForm.svelte b/frontend/src/components/manage/PanelCreationForm.svelte
index f92fd87..7ba593d 100644
--- a/frontend/src/components/manage/PanelCreationForm.svelte
+++ b/frontend/src/components/manage/PanelCreationForm.svelte
@@ -8,7 +8,7 @@
                     <div class="col-1">
                         <WrappedSelect items={mentionItems}
                                        bind:selectedValue={selectedMentions}
-                                       on:change={updateMentions}
+                                       on:input={updateMentions}
                                        optionIdentifier="id"
                                        nameMapper={mentionNameMapper}
                                        placeholder="Select roles..."
@@ -19,7 +19,7 @@
                     <label class="form-label">Support Teams</label>
                     <WrappedSelect items={teamsWithDefault}
                             bind:selectedValue={selectedTeams}
-                            on:change={updateTeams}
+                            on:input={updateTeams}
                             optionIdentifier="id"
                             nameMapper={nameMapper}
                             placeholder="Select teams..."
@@ -129,7 +129,7 @@
                                         optionIdentifier="id"
                                         nameMapper={emojiNameMapper}
                                         placeholderAlwaysShow={true}
-                                        on:change={handleCustomEmojiChange} />
+                                        on:input={handleCustomEmojiChange} />
                             </div>
                         {:else}
                             <EmojiInput col1=true bind:value={data.emote}/>
diff --git a/frontend/src/views/Teams.svelte b/frontend/src/views/Teams.svelte
index 4f7cbef..bea76ed 100644
--- a/frontend/src/views/Teams.svelte
+++ b/frontend/src/views/Teams.svelte
@@ -23,7 +23,7 @@
               <div class="col-1">
                 <WrappedSelect isSearchable={false} isClearable={false} optionIdentifier="id" items={teams} placeholder="Select a team..."
                         bind:selectedValue={activeTeam} nameMapper={labelMapper}
-                        on:change={updateActiveTeam}/>
+                        on:input={updateActiveTeam}/>
               </div>
             </div>