docs: Restore the carrot to the position where the search input was lost (#19459)

amareshsm · web-flow · commit 06b596d221a2 · 2025-02-25T13:48:29.000-05:00
diff --git a/docs/src/assets/js/search.js b/docs/src/assets/js/search.js
@@ -25,6 +25,7 @@ const searchClearBtn = document.querySelector('#search__clear-btn');
 const poweredByLink = document.querySelector('.search_powered-by-wrapper');
 let activeIndex = -1;
 let searchQuery;
+let caretPosition = 0;
 
 //-----------------------------------------------------------------------------
 // Helpers
@@ -202,25 +203,36 @@ if (searchInput)
     });
 
 
-if (searchClearBtn)
-    searchClearBtn.addEventListener('click', function (e) {
+if (searchClearBtn) {
+    searchClearBtn.addEventListener('click', function () {
         searchInput.value = '';
         searchInput.focus();
         clearSearchResults(true);
         searchClearBtn.setAttribute('hidden', '');
     });
 
+    searchInput.addEventListener("blur", function () {
+        caretPosition = searchInput.selectionStart;
+    });
+
+    searchInput.addEventListener("focus", function () {
+        if (searchInput.selectionStart !== caretPosition) {
+            searchInput.setSelectionRange(caretPosition, caretPosition);
+        }
+    });
+
+}
+
 if (poweredByLink) {
     poweredByLink.addEventListener('focus', function () {
-       clearSearchResults();
+        clearSearchResults();
     });
 }
 
 if (resultsElement) {
     resultsElement.addEventListener('keydown', (e) => {
         if (e.key !== "ArrowUp" && e.key !== "ArrowDown" && e.key !== "Tab" && e.key !== 'Shift') {
             searchInput.focus();
-            searchInput.setSelectionRange(searchInput.value.length, searchInput.value.length);
         }
     });
 }
