Disable autocomplete

Hopefully that fixes the datalist

assets/js/location.js

@@ -130,7 +130,8 @@ async function updateList(event) {
 		.split(" ")
 		.map(word => word[0] ? (word[0].toUpperCase() + word.substring(1).toLowerCase()) : word)
 		.join(" ");
-	elements.searchBar.value = q;
+	if (elements.searchBar.value !== q)
+		elements.searchBar.value = q;
 
 	if (q.length < 3) {
 		if ((event instanceof KeyboardEvent && event.key == "Enter") || event instanceof MouseEvent) {
@@ -186,7 +187,7 @@ async function updateList(event) {
 
 		if (!((event instanceof KeyboardEvent && event.key == "Enter") || event instanceof MouseEvent)) {
 			pool = q;
-			await delay(1000);
+			await delay(500);
 			if (pool !== q) {
 				console.log('Skipping to next implementation');
 				return;

pages/index.html

@@ -79,7 +79,7 @@ <h5 class="modal-title text-center">Set your location! | בחר את המיקו
 						</div>
 						<i class="bi bi-x-circle-fill" style="display: none" aria-hidden="true"></i>
 					</span>
-					<input list="locationNames" autocomplete="postal-code" type="search" id="Main" class="form-control form-control-lg" style="z-index: 2" />
+					<input list="locationNames" autocomplete="off" type="search" id="Main" class="form-control form-control-lg" style="z-index: 2" />
 					<datalist id="locationNames"></datalist>
 					<label class="form-label" for="form1">Insert location name/ZIP code (English only)</label>
 					<button type="button" data-mdb-ripple-init class="btn btn-success d-none d-lg-block" style="border-top-right-radius: .25rem; border-bottom-right-radius: .25rem;">