diff --git a/packages/ui-default/components/autocomplete/components/AutoComplete.jsx b/packages/ui-default/components/autocomplete/components/AutoComplete.jsx
index 06178f072..9b0f7ca93 100644
--- a/packages/ui-default/components/autocomplete/components/AutoComplete.jsx
+++ b/packages/ui-default/components/autocomplete/components/AutoComplete.jsx
@@ -98,6 +98,7 @@ const AutoComplete = forwardRef(function AutoComplete(props, ref) {
       inputRef.current.value = '';
       inputRef.current.focus();
     } else {
+      setSelected([item]);
       inputRef.current.value = itemKey(item);
       dispatchChange();
     }
diff --git a/packages/ui-default/components/autocomplete/index.jsx b/packages/ui-default/components/autocomplete/index.jsx
index 3c6c349d4..b32b295ff 100644
--- a/packages/ui-default/components/autocomplete/index.jsx
+++ b/packages/ui-default/components/autocomplete/index.jsx
@@ -71,6 +71,11 @@ export default class AutoComplete extends DOMAttachedObject {
   }
 
   value() {
+    if (this.ref?.getSelectedItems) {
+      const selected = this.ref.getSelectedItems();
+      if (this.options.multi) return selected;
+      return selected[0];
+    }
     return this.$dom.val();
   }
 
diff --git a/packages/ui-default/package.json b/packages/ui-default/package.json
index 192fd89a6..64f9bdcb1 100644
--- a/packages/ui-default/package.json
+++ b/packages/ui-default/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hydrooj/ui-default",
-  "version": "4.18.3",
+  "version": "4.18.4",
   "author": "undefined <i@undefined.moe>",
   "license": "AGPL-3.0",
   "main": "hydro.js",