chore: do not clear selection on escape, clear on backspace

Author: r0b1n

packages/pluggableWidgets/combobox-web/src/components/SingleSelection/SingleSelection.tsx

@@ -26,7 +26,9 @@ export function SingleSelection({
         getMenuProps,
         reset,
         isOpen,
-        highlightedIndex
+        highlightedIndex,
+        inputValue,
+        selectItem
     } = useDownshiftSingleSelectProps(selector, options, a11yConfig.a11yStatusMessage);
     const inputRef = useRef<HTMLInputElement>(null);
     const lazyLoading = selector.lazyLoading ?? false;
@@ -66,7 +68,12 @@ export function SingleSelection({
             readOnly: selector.options.filterType === "none",
             ref: inputRef,
             "aria-required": ariaRequired.value,
-            "aria-label": !hasLabel && options.ariaLabel ? options.ariaLabel : undefined
+            "aria-label": !hasLabel && options.ariaLabel ? options.ariaLabel : undefined,
+            onKeyDown: e => {
+                if (e.key === "Backspace" && inputValue === "") {
+                    selectItem(null);
+                }
+            }
         },
         { suppressRefError: true }
     );

packages/pluggableWidgets/combobox-web/src/hooks/useDownshiftSingleSelectProps.ts

@@ -94,6 +94,7 @@ export function useDownshiftSingleSelectProps(
                     case useCombobox.stateChangeTypes.FunctionCloseMenu:
                         return {
                             ...changes,
+                            selectedItem: state.selectedItem,
                             isOpen: false,
                             inputValue: ""
                         };