markmental/ws4kp-linhanced
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Stop Mobile Safari from trying to auto-fill the location box

Browse source 
This change prevents the "No items to show" popup that obscures the first
couple suggested matches.
This commit is contained in:
Eddy G 2025-07-01 19:06:48 -04:00
commit 13621b6f46
5 changed files with 11 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

2
server/scripts/index.mjs
View file

@ -26,7 +26,7 @@ const categories = [
'Postal', 'Populated Place',
];
const category = categories.join(',');
const TXT_ADDRESS_SELECTOR = '#txtAddress';
const TXT_ADDRESS_SELECTOR = '#txtLocation';
const TOGGLE_FULL_SCREEN_SELECTOR = '#ToggleFullScreen';
const BNT_GET_GPS_SELECTOR = '#btnGetGps';

2
server/scripts/modules/autocomplete.mjs
View file

@ -296,7 +296,7 @@ class AutoComplete {
// if a click is detected on the page, generally we hide the suggestions, unless the click was within the autocomplete elements
checkOutsideClick(e) {
if (e.target.id === 'txtAddress') return;
if (e.target.id === 'txtLocation') return;
if (e.target?.parentNode?.classList.contains(this.options.containerClass)) return;
this.hideSuggestions();
}

9
server/styles/scss/_page.scss
View file

@ -94,17 +94,22 @@ body {
font-family: "Star4000";
}
#txtAddress {
#txtLocation {
width: calc(100% - 170px);
max-width: 490px;
font-size: 16pt;
min-width: 200px;
display: inline-block;
// Ensure consistent styling across light and dark modes
background-color: white;
color: black;
border: 2px inset #808080;
@media (prefers-color-scheme: dark) {
background-color: #000000;
color: white;
border: 1px solid darkgray;
border: 2px inset #808080;
}
}