From 833e3acb563af0cb445c71a30f0221745f0214e0 Mon Sep 17 00:00:00 2001
From: Lisa Knox <lisa.knox@curii.com>
Date: Fri, 20 Sep 2024 15:01:55 -0400
Subject: [PATCH] 21842: tabbedList opens on input focus with spinner and
 labels

Arvados-DCO-1.1-Signed-off-by: Lisa Knox <lisa.knox@curii.com>
---
 .../workbench2/src/components/autocomplete/autocomplete.tsx  | 5 ++++-
 .../views-components/sharing-dialog/participant-select.tsx   | 1 +
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/services/workbench2/src/components/autocomplete/autocomplete.tsx b/services/workbench2/src/components/autocomplete/autocomplete.tsx
index 27052cab87..925cb8b75c 100644
--- a/services/workbench2/src/components/autocomplete/autocomplete.tsx
+++ b/services/workbench2/src/components/autocomplete/autocomplete.tsx
@@ -83,6 +83,9 @@ export const Autocomplete = withStyles(autocompleteStyles)(
                 this.setState({ selectedSuggestionIndex: 0, selectedTab: 0 });
             }
             if (category === AutocompleteCat.SHARING) {
+                if (Object.keys(this.state.tabbedListContents).length === 0) {
+                    this.setState({ tabbedListContents: { groups: [], users: [] } });
+                }
                 if (prevProps.suggestions !== suggestions) {
                     const users = sortByKey<Suggestion>(suggestions.filter(item => !isGroup(item)), 'fullName');
                     const groups = sortByKey<Suggestion>(suggestions.filter(item => isGroup(item)), 'name');
@@ -167,7 +170,7 @@ export const Autocomplete = withStyles(autocompleteStyles)(
         
         return (
             <Popper
-                open={this.isSuggestionBoxOpen()}
+                open={this.state.suggestionsOpen}
                 anchorEl={this.inputRef.current}
                 key={suggestions.length}
                 style={{ width: this.getSuggestionsWidth()}}
diff --git a/services/workbench2/src/views-components/sharing-dialog/participant-select.tsx b/services/workbench2/src/views-components/sharing-dialog/participant-select.tsx
index bafc879a65..14ea6f5c85 100644
--- a/services/workbench2/src/views-components/sharing-dialog/participant-select.tsx
+++ b/services/workbench2/src/views-components/sharing-dialog/participant-select.tsx
@@ -102,6 +102,7 @@ export const ParticipantSelect = connect()(
         }
 
         onFocus = (e) => {
+            this.setState({ isWorking: true });
             this.getSuggestions();
         }
 
-- 
2.39.5