chore: focus on tags when left arrow of backspace is clicked with cursor position 0

Author: r0b1n

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

@@ -63,8 +63,12 @@ export const TagPicker = observer(function TagPicker(props: TagPickerProps): Rea
             data-empty={props.empty ? true : undefined}
             style={props.style}
             onClick={event => {
-                if (!isOpen && (event.target === event.currentTarget || event.target === inputContainerRef.current)) {
-                    openMenu();
+                if (event.target === event.currentTarget || event.target === inputContainerRef.current) {
+                    if (!isOpen) {
+                        openMenu();
+                    } else {
+                        inputContainerRef.current?.querySelector("input")?.focus();
+                    }
                 }
             }}
         >
@@ -98,7 +102,7 @@ export const TagPicker = observer(function TagPicker(props: TagPickerProps): Rea
                         onBlur: props.onBlur,
                         onFocus: props.onFocus,
                         placeholder: props.empty ? props.inputPlaceholder : undefined,
-                        ...getDropdownProps({ preventKeyAction: isOpen }),
+                        ...getDropdownProps(),
                         "aria-describedby": props.empty ? undefined : `${helperText1} ${inputContainerId}`
                     })}
                 />