UnifiedPicker: Don't show picker after input is cleared (#16937)

* add empty check * Change files
microsoft · Feb 11, 2021 · 4e3e437 · 4e3e437
1 parent 8ee2abd
commit 4e3e437
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/change/@fluentui-react-experiments-74f78e6d-e0d1-4f9d-9504-b17e6521c623.json b/change/@fluentui-react-experiments-74f78e6d-e0d1-4f9d-9504-b17e6521c623.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "UnifiedPicker: Don't show picker after input is cleared",
+  "packageName": "@fluentui/react-experiments",
+  "email": "elvonspa@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-experiments/src/components/UnifiedPicker/UnifiedPicker.tsx b/packages/react-experiments/src/components/UnifiedPicker/UnifiedPicker.tsx
@@ -453,7 +453,8 @@ export const UnifiedPicker = <T extends {}>(props: IUnifiedPickerProps<T>): JSX.
         else if (focusItemIndex === -1 && headerItemIndex === -1 && footerItemIndex === -1) {
           setFocusItemIndex(0);
         }
-        !isSuggestionsShown ? showPicker(true) : null;
+        // if suggestions aren't showing and we haven't just cleared the input, show the picker
+        !isSuggestionsShown && value !== '' ? showPicker(true) : null;
         if (!resultItemsList) {
           resultItemsList = [];
         }