From aff1246a9426d77e3ecafa1aae4e41e8ec9dac7e Mon Sep 17 00:00:00 2001
From: Geomitron <22552797+Geomitron@users.noreply.github.com>
Date: Wed, 10 Jul 2024 15:50:52 -0500
Subject: [PATCH] Focus search on start

---
 .../app/components/browse/search-bar/search-bar.component.html | 2 +-
 .../app/components/browse/search-bar/search-bar.component.ts   | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src-angular/app/components/browse/search-bar/search-bar.component.html b/src-angular/app/components/browse/search-bar/search-bar.component.html
index 479ffc9..5dabd42 100644
--- a/src-angular/app/components/browse/search-bar/search-bar.component.html
+++ b/src-angular/app/components/browse/search-bar/search-bar.component.html
@@ -5,7 +5,7 @@
 		<!-- Search Input -->
 		<div class="flex items-center flex-1 flex-grow-[2] min-w-[21rem]">
 			<div class="form-control w-full">
-				<input type="text" [formControl]="searchControl" placeholder="Search..." class="input input-bordered pr-14" />
+				<input #searchInput type="text" [formControl]="searchControl" placeholder="Search..." class="input input-bordered pr-14" />
 			</div>
 			@if (searchLoading) {
 				<span class="loading loading-spinner loading-sm self-center -ml-9"></span>
diff --git a/src-angular/app/components/browse/search-bar/search-bar.component.ts b/src-angular/app/components/browse/search-bar/search-bar.component.ts
index 7c83d7d..4dc18e1 100644
--- a/src-angular/app/components/browse/search-bar/search-bar.component.ts
+++ b/src-angular/app/components/browse/search-bar/search-bar.component.ts
@@ -13,6 +13,8 @@ import { difficulties, difficultyDisplay, instrumentDisplay, instruments } from
 })
 export class SearchBarComponent implements OnInit, AfterViewInit {
 
+	@ViewChild('searchInput') searchInput: ElementRef<HTMLInputElement>
+
 	@ViewChild('hasSoloSections') hasSoloSections: ElementRef<HTMLInputElement>
 	@ViewChild('hasForcedNotes') hasForcedNotes: ElementRef<HTMLInputElement>
 	@ViewChild('hasOpenNotes') hasOpenNotes: ElementRef<HTMLInputElement>
@@ -45,6 +47,7 @@ export class SearchBarComponent implements OnInit, AfterViewInit {
 	}
 
 	ngAfterViewInit() {
+		this.searchInput.nativeElement.focus()
 		this.updateDisabledControls()
 		this.searchService.instrument.valueChanges.subscribe(() => {
 			this.updateDisabledControls()