usememos/memos
1
1
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-10-06 12:26:29 +08:00
Code Issues Projects Releases Packages Wiki Activity

feat: auto focus search bar when sidebar is shown (close #1269) (#1304)

Browse source 
feat: auto focus search bar when sidebar is shown
This commit is contained in:
Jason Chen 2023-03-08 08:02:51 +08:00 • committed by GitHub
parent d1bafd66c8
commit 65850dfd03
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web/src/components/HomeSidebar.tsx
View file

@ -32,6 +32,10 @@ export const toggleHomeSidebar = (show?: boolean) => {
if (show) {
sidebarEl.classList.add("show");
maskEl.classList.add("show");
// auto focus search bar when sidebar is shown
const inputEl = sidebarEl.querySelector("#mobile-search-bar") as HTMLInputElement;
inputEl?.focus();
} else {
sidebarEl.classList.remove("show");
maskEl.classList.remove("show");

1
web/src/components/SearchBar.tsx
View file

@ -54,6 +54,7 @@ const SearchBar = () => {
<input
className="flex ml-2 w-24 grow text-sm outline-none bg-transparent dark:text-gray-200"
type="text"
id="mobile-search-bar"
placeholder="Search memos"
ref={inputRef}
value={queryText}