fix: don't focus on input when clear button clicked

this is how combobox works

Author: r0b1n

packages/shared/widget-plugin-dropdown-filter/src/controls/combobox/Combobox.tsx

@@ -49,14 +49,7 @@ export const Combobox = observer(function Combobox(props: ComboboxProps) {
                     placeholder: props.inputPlaceholder
                 })}
             />
-            <ClearButton
-                cls={cls}
-                onClick={() => {
-                    props.onClear();
-                    inputRef.current?.focus();
-                }}
-                visible={!props.empty}
-            />
+            <ClearButton cls={cls} onClick={props.onClear} visible={!props.empty} />
             <button className={cls.toggle} {...getToggleButtonProps({ "aria-label": "Show options" })}>
                 <Arrow className={cls.stateIcon} />
             </button>

packages/shared/widget-plugin-dropdown-filter/src/controls/select/Select.tsx

@@ -52,14 +52,7 @@ export const Select = observer(function Select(props: SelectProps): React.ReactE
             >
                 <span className={cls.toggle}>{props.value}</span>
                 <div className={`${cls.root}-controls`}>
-                    <ClearButton
-                        cls={cls}
-                        onClick={() => {
-                            props.onClear();
-                            toggleRef.current?.focus();
-                        }}
-                        visible={showClear}
-                    />
+                    <ClearButton cls={cls} onClick={props.onClear} visible={showClear} />
                     <Arrow className={cls.stateIcon} />
                 </div>
             </button>

packages/shared/widget-plugin-dropdown-filter/src/controls/tag-picker/TagPicker.tsx

@@ -103,14 +103,7 @@ export const TagPicker = observer(function TagPicker(props: TagPickerProps): Rea
                     </div>
                 )}
             </div>
-            <ClearButton
-                cls={cls}
-                onClick={() => {
-                    props.onClear();
-                    inputRef.current?.focus();
-                }}
-                visible={!props.empty}
-            />
+            <ClearButton cls={cls} onClick={props.onClear} visible={!props.empty} />
             <button className={cls.toggle} {...getToggleButtonProps({ "aria-label": "Show options" })}>
                 <Arrow className={cls.stateIcon} />
             </button>