Fixed scroll snapping for 2nd+ level items using tabs

src/assets/javascripts/components/_/index.ts

@@ -149,6 +149,12 @@ export function setupComponents(
  *
  * @return Element observable
  */
+export function useComponent<T extends HTMLInputElement>(
+  name: "search-query"
+): Observable<T>
+export function useComponent<T extends HTMLElement>(
+  name: Component
+): Observable<T>
 export function useComponent<T extends HTMLElement>(
   name: Component
 ): Observable<T> {

src/assets/javascripts/index.ts

@@ -181,7 +181,7 @@ export function initialize(config: unknown) {
   /* ----------------------------------------------------------------------- */
 
   /* Mount search query */
-  const query$ = useComponent<HTMLInputElement>("search-query")
+  const query$ = useComponent("search-query")
     .pipe(
       mountSearchQuery(worker),
       shareReplay(1) // TODO: this must be put onto EVERY component!

src/assets/javascripts/integrations/keyboard/index.ts

@@ -173,10 +173,11 @@ export function setupKeyboard(): Observable<Keyboard> {
       .subscribe(([key, query]) => {
         switch (key.type) {
 
-          /* Open search */
+          /* Open search and select query */
           case "f":
           case "s":
             setElementFocus(query)
+            query.select()
             key.claim()
             break