fix: don't select item on blur, allow down arrow key on clear button

Author: r0b1n

packages/shared/widget-plugin-dropdown-filter/src/controllers/mixins/SelectControllerMixin.ts

@@ -101,12 +101,18 @@ export function SelectControllerMixin<TBase extends BaseController>(Base: TBase)
                                 ...changes
                             };
                         case useSelect.stateChangeTypes.ToggleButtonKeyDownEnter:
+                        case useSelect.stateChangeTypes.ToggleButtonKeyDownSpaceButton:
                         case useSelect.stateChangeTypes.ItemClick:
                             return {
                                 ...changes,
                                 isOpen: true,
                                 highlightedIndex: state.highlightedIndex
                             };
+                        case useSelect.stateChangeTypes.ToggleButtonBlur:
+                            return {
+                                ...changes,
+                                selectedItem: null
+                            };
                         default:
                             return changes;
                     }

packages/shared/widget-plugin-dropdown-filter/src/controls/base/ClearButton.tsx

@@ -14,7 +14,9 @@ type ClearButtonProps = {
 };
 
 const stopKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {
-    e.stopPropagation();
+    if (e.key === "Enter" || e.key === " ") {
+        e.stopPropagation();
+    }
 };
 
 export function ClearButton(props: ClearButtonProps): ReactElement | null {