Implement Search as ARIA spec compliant* dialog and combobox pattern

src/lib/internationalization/locales/en.cts

@@ -496,7 +496,6 @@ export = {
     theme_generated_using_typedoc: "Generated using TypeDoc", // If this includes "TypeDoc", theme will insert a link at that location.
     // Search
     theme_preparing_search_index: "Preparing search index...",
-    theme_search_index_not_available: "The search index is not available",
     // Left nav bar
     theme_loading: "Loading...",
     // Right nav bar
@@ -522,4 +521,7 @@ export = {
         "This member is normally hidden due to your filter settings.",
     theme_hierarchy_expand: "Expand",
     theme_hierarchy_collapse: "Collapse",
+    theme_search_index_not_available: "The search index is not available",
+    theme_search_no_results_found_for_0: "No results found for {0}",
+    theme_search_placeholder: "Search the docs",
 } as const;

src/lib/output/plugins/AssetsPlugin.ts

@@ -37,6 +37,12 @@ export class AssetsPlugin extends RendererComponent {
             hierarchy_expand: this.application.i18n.theme_hierarchy_expand(),
             hierarchy_collapse:
                 this.application.i18n.theme_hierarchy_collapse(),
+            theme_search_index_not_available:
+                this.application.i18n.theme_search_index_not_available(),
+            theme_search_no_results_found_for_0:
+                this.application.i18n.theme_search_no_results_found_for_0(
+                    "{0}",
+                ),
         };
     }
 

src/lib/output/themes/default/assets/bootstrap.ts

@@ -26,3 +26,8 @@ Object.defineProperty(window, "app", { value: app });
 initSearch();
 initNav();
 initHierarchy();
+
+if ("virtualKeyboard" in navigator) {
+    // @ts-ignore
+    navigator.virtualKeyboard.overlaysContent = true;
+}

src/lib/output/themes/default/assets/typedoc/Application.ts

@@ -8,6 +8,8 @@ declare global {
             normally_hidden: string;
             hierarchy_expand: string;
             hierarchy_collapse: string;
+            theme_search_index_not_available: string;
+            theme_search_no_results_found_for_0: string;
         };
     }
 }
@@ -20,6 +22,8 @@ window.translations ||= {
         "This member is normally hidden due to your filter settings.",
     hierarchy_expand: "Expand",
     hierarchy_collapse: "Collapse",
+    theme_search_index_not_available: "The search index is not available",
+    theme_search_no_results_found_for_0: "No results found for {0}",
 };
 
 /**