From e6c4e3ba2e39e3319634a4058810c6e35a4111d7 Mon Sep 17 00:00:00 2001
From: Suzanne Aitchison <suzanne@forem.com>
Date: Mon, 25 Apr 2022 16:03:36 +0100
Subject: [PATCH] ignore fetched suggestions if input already cleared (#17419)

---
 .../MultiSelectAutocomplete/MultiSelectAutocomplete.jsx     | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/app/javascript/crayons/MultiSelectAutocomplete/MultiSelectAutocomplete.jsx b/app/javascript/crayons/MultiSelectAutocomplete/MultiSelectAutocomplete.jsx
index 3eec244d3..9705bc063 100644
--- a/app/javascript/crayons/MultiSelectAutocomplete/MultiSelectAutocomplete.jsx
+++ b/app/javascript/crayons/MultiSelectAutocomplete/MultiSelectAutocomplete.jsx
@@ -303,6 +303,12 @@ export const MultiSelectAutocomplete = ({
     }
 
     const results = await fetchSuggestions(value);
+
+    // It could be that while waiting on the network fetch, the user has already made a selection or otherwise cleared the input
+    if (inputRef.current.value === '') {
+      return;
+    }
+
     // If no results, display current search term as an option
     if (results.length === 0 && value !== '') {
       results.push({ name: value });