diff --git a/options/locale/locale_en-US.json b/options/locale/locale_en-US.json
index 1cea2ce1960..83fe61f1aae 100644
--- a/options/locale/locale_en-US.json
+++ b/options/locale/locale_en-US.json
@@ -1464,6 +1464,7 @@
   "repo.issues.filter_assignee_any_assignee": "Assigned to anybody",
   "repo.issues.filter_poster": "Author",
   "repo.issues.filter_user_placeholder": "Search users",
+  "repo.issues.filter_by_username_placeholder": "Filter by username…",
   "repo.issues.filter_user_no_select": "All users",
   "repo.issues.filter_type": "Type",
   "repo.issues.filter_type.all_issues": "All issues",
diff --git a/templates/repo/issue/filter_item_user_fetch.tmpl b/templates/repo/issue/filter_item_user_fetch.tmpl
index 9cac1d12560..b080b1d419b 100644
--- a/templates/repo/issue/filter_item_user_fetch.tmpl
+++ b/templates/repo/issue/filter_item_user_fetch.tmpl
@@ -1,12 +1,12 @@
 {{/* This is a user list for filter, the data is provided by a remote "fetch" request
 * QueryParamKey: eg: "poster", "assignee"
 * QueryLink
-* UserSearchUrl
+* UserSearchUrl: if not set, no remote search, the inputed username will be used as navigation link's query param value
 * SelectedUsername
 * TextFilterTitle
 */}}
 {{$queryLink := .QueryLink}}
-<div class="item ui dropdown custom" data-tooltip-content="{{ctx.Locale.Tr "repo.user_search_tooltip"}}" data-global-init="initDropdownUserRemoteSearch"
+<div class="item ui dropdown custom" {{if $.UserSearchUrl}}data-tooltip-content="{{ctx.Locale.Tr "repo.user_search_tooltip"}}"{{end}} data-global-init="initDropdownUserRemoteSearch"
 		data-search-url="{{$.UserSearchUrl}}"
 		data-selected-username="{{$.SelectedUsername}}"
 		data-action-jump-url="{{QueryBuild $queryLink $.QueryParamKey NIL}}&{{$.QueryParamKey}}={username}"
@@ -15,7 +15,7 @@
 	<div class="menu">
 		<div class="ui icon search input">
 			<i class="icon">{{svg "octicon-search" 16}}</i>
-			<input type="text" placeholder="{{ctx.Locale.Tr "repo.issues.filter_user_placeholder"}}">
+			<input type="text" placeholder="{{ctx.Locale.Tr (Iif $.UserSearchUrl "repo.issues.filter_user_placeholder" "repo.issues.filter_by_username_placeholder")}}">
 		</div>
 		<a class="item" data-value="">{{ctx.Locale.Tr "repo.issues.filter_user_no_select"}}</a>
 		<a class="item item-from-input tw-hidden"></a>
diff --git a/web_src/js/features/repo-issue-list.ts b/web_src/js/features/repo-issue-list.ts
index bf22d894dd8..be8b233178e 100644
--- a/web_src/js/features/repo-issue-list.ts
+++ b/web_src/js/features/repo-issue-list.ts
@@ -93,7 +93,7 @@ function initDropdownUserRemoteSearch(el: Element) {
 
   const selectUsername = (username: string) => {
     queryElems(elMenu, '.item.active, .item.selected', (el) => el.classList.remove('active', 'selected'));
-    elMenu.querySelector(`.item[data-value="${CSS.escape(username)}"]`)?.classList.add('selected');
+    elMenu.querySelector(`.item[data-value="${CSS.escape(username)}"]`)?.classList.add('active');
   };
 
   const processedResults: ProcessedIssuePoster[] = []; // to be used by dropdown to generate menu items
@@ -109,6 +109,7 @@ function initDropdownUserRemoteSearch(el: Element) {
   elSearchInput.value = selectedUsername;
   if (!searchUrl) {
     elSearchInput.addEventListener('input', syncItemFromInput);
+    syncItemFromInput();
     return;
   }