restore caret position

eslint · Feb 18, 2025 · 4750697 · 4750697
1 parent 4acd76b
commit 4750697
Showing 1 changed file with 12 additions and 5 deletions.
diff --git a/src/assets/js/search.js b/src/assets/js/search.js
@@ -27,6 +27,7 @@ const searchClearBtn = document.querySelector("#search__clear-btn");
 const poweredByLink = document.querySelector(".search_powered-by-wrapper");
 let activeIndex = -1;
 let searchQuery;
+let caretPosition = 0;
 
 if (poweredByLink) {
 	poweredByLink.addEventListener("focus", function () {
@@ -210,13 +211,23 @@ searchInput.addEventListener("keyup", function () {
 	searchQuery = query;
 });
 
-searchClearBtn.addEventListener("click", function (e) {
+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 (resultsElement) {
 	resultsElement.addEventListener("keydown", e => {
 		if (
@@ -226,10 +237,6 @@ if (resultsElement) {
 			e.key !== "Shift"
 		) {
 			searchInput.focus();
-			searchInput.setSelectionRange(
-				searchInput.value.length,
-				searchInput.value.length,
-			);
 		}
 	});
 }