Make autofocus on search field in cache view work (#4552)

simhof-basyskom · Hannia Valera · web-flow · commit c98896a96f4a · 2025-12-18T13:10:10.000-06:00
* Replace "autofocus" with .focus() in onload handler

This sets the focus to the search/filter input field when
opening the CMake Cache view.

* Amend changelog as requested by contribution guidelines

* fixing version so that it is up to date

---------

Co-authored-by: Hannia Valera &lt;hanniavalera@microsoft.com&gt;
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -19,6 +19,8 @@ Bugs:
 - Fix bug in which clicking "Run Test" for filtered tests executed all tests instead [#4501](https://github.com/microsoft/vscode-cmake-tools/pull/4501) [@hippo91](https://github.com/hippo91)
 - Migrate macOS CI from deprecated macOS-13 to macOS-15 Image [#4633](https://github.com/microsoft/vscode-cmake-tools/pull/4633)
 - Ensure Visual Studio developer environment propagation preserves `VCPKG_ROOT`, enabling vcpkg-dependent configure runs after using the Set Visual Studio Developer Environment command. [microsoft/vscode-cpptools#14083](https://github.com/microsoft/vscode-cpptools/issues/14083)
+- Fix auto-focusing the "Search" input field in the CMake Cache view. [#4552](https://github.com/microsoft/vscode-cmake-tools/pull/4552) [@simhof-basyskom](https://github.com/simhof-basyskom)
+
 
 ## 1.21
 
diff --git a/src/ui/cacheView.ts b/src/ui/cacheView.ts
@@ -470,14 +470,15 @@ export class ConfigurationWebview {
               validateInput(editbox)
               editbox.oninput = () => edit(editbox);
             });
+            document.querySelector('#search').focus();
           }
         </script>
     </head>
     <body>
       <div class="container">
         <button id="save" onclick="save()">${saveButtonText}</button>
         <h1>${this.cmakeCacheEditorText}<span class="invisible" id="not-saved">*</span></h1>
-        <input class="search" type="text" id="search" oninput="search()" placeholder="${searchButtonText}" autofocus>
+        <input class="search" type="text" id="search" oninput="search()" placeholder="${searchButtonText}">
         <table style="width:100%">
           <tr style="height: 25px;">
             <th style="width: 30px"></th>
