fixed tag autocomplete behaviour

src/components/editors/EditorUploadCoverButton/index.tsx

@@ -13,10 +13,10 @@ type IProps = IEditorComponentProps & {};
 
 const EditorUploadCoverButton: FC<IProps> = () => {
   const { values, setFieldValue } = useNodeFormContext();
-  const { uploadFiles, files, pendingImages } = useUploader(
+  const { uploadFile, files, pendingImages } = useUploader(
     UploadSubject.Editor,
     UploadTarget.Nodes,
-    []
+    values.cover ? [values.cover] : []
   );
 
   const background = values.cover ? getURL(values.cover, PRESETS['300']) : null;
@@ -27,14 +27,15 @@ const EditorUploadCoverButton: FC<IProps> = () => {
   }, [setFieldValue]);
 
   const onInputChange = useCallback(
-    (event: ChangeEvent<HTMLInputElement>) => {
+    async (event: ChangeEvent<HTMLInputElement>) => {
       const files = Array.from(event.target.files || [])
         .filter(file => getFileType(file) === UploadType.Image)
         .slice(0, 1);
 
-      uploadFiles(files);
+      const result = await uploadFile(files[0]);
+      setFieldValue('cover', result);
     },
-    [uploadFiles]
+    [uploadFile, setFieldValue]
   );
 
   useEffect(() => {

src/components/tags/TagAutocomplete/index.tsx

@@ -11,6 +11,7 @@ interface TagAutocompleteProps {
   onSelect: (val: string) => void;
   search: string;
   options: string[];
+  visible: boolean;
 }
 
 const TagAutocomplete: VFC<TagAutocompleteProps> = ({
@@ -19,6 +20,7 @@ const TagAutocomplete: VFC<TagAutocompleteProps> = ({
   onSelect,
   search,
   options,
+  visible,
 }) => {
   const [selected, setSelected] = useState(-1);
   const [categories, tags] = useMemo(
@@ -82,7 +84,7 @@ const TagAutocomplete: VFC<TagAutocompleteProps> = ({
 
   return (
     <div
-      className={classNames(styles.window)}
+      className={classNames(styles.window, { [styles.visible]: visible })}
       ref={wrapper}
       style={pop.styles.popper}
       {...pop.attributes.popper}

src/components/tags/TagAutocomplete/styles.module.scss

@@ -18,6 +18,11 @@ $row_height: 24px;
   z-index: 10;
   border-radius: 4px;
   animation: appear 0.25s forwards;
+  visibility: hidden;
+
+  &.visible {
+    visibility: visible;
+  }
 }
 
 .scroll {