eric/WeatherStar4000
1
0
Fork 0
mirror of https://github.com/netbymatt/ws4kp.git synced 2026-04-22 19:49:31 -07:00
Code Issues Packages Projects Releases Wiki Activity

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
parent b49433f5ff
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', 'Postal', 'Populated Place',
]; ];
const category = categories.join(','); const category = categories.join(',');
const TXT_ADDRESS_SELECTOR = '#txtAddress'; const TXT_ADDRESS_SELECTOR = '#txtLocation';
const TOGGLE_FULL_SCREEN_SELECTOR = '#ToggleFullScreen'; const TOGGLE_FULL_SCREEN_SELECTOR = '#ToggleFullScreen';
const BNT_GET_GPS_SELECTOR = '#btnGetGps'; 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 // if a click is detected on the page, generally we hide the suggestions, unless the click was within the autocomplete elements
checkOutsideClick(e) { checkOutsideClick(e) {
if (e.target.id === 'txtAddress') return; if (e.target.id === 'txtLocation') return;
if (e.target?.parentNode?.classList.contains(this.options.containerClass)) return; if (e.target?.parentNode?.classList.contains(this.options.containerClass)) return;
this.hideSuggestions(); this.hideSuggestions();
} }

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

@@ -94,17 +94,22 @@ body {
font-family: "Star4000"; font-family: "Star4000";
} }
#txtAddress { #txtLocation {
width: calc(100% - 170px); width: calc(100% - 170px);
max-width: 490px; max-width: 490px;
font-size: 16pt; font-size: 16pt;
min-width: 200px; min-width: 200px;
display: inline-block; 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) { @media (prefers-color-scheme: dark) {
background-color: #000000; background-color: #000000;
color: white; color: white;
border: 1px solid darkgray; border: 2px inset #808080;
} }
} }

2
tests/index.mjs
View File

@@ -21,7 +21,7 @@ page.on('console', messageFormatter);
const tester = async (location, testPage) => { const tester = async (location, testPage) => {
// Set the address // Set the address
await testPage.type('#txtAddress', location); await testPage.type('#txtLocation', location);
await setTimeout(500); await setTimeout(500);
// get the page // get the page
await testPage.click('#btnGetLatLng'); await testPage.click('#btnGetLatLng');

3
views/index.ejs
View File

@@ -64,9 +64,8 @@
<body<% if (query && query['settings-kiosk-checkbox'] === 'true') { %> class="kiosk"<% } %>> <body<% if (query && query['settings-kiosk-checkbox'] === 'true') { %> class="kiosk"<% } %>>
<div id="divQuery"> <div id="divQuery">
<input id="txtAddress" type="text" value="" placeholder="Zip or City, State" /> <input id="txtLocation" type="text" value="" placeholder="ZIP Code or City, State" data-1p-ignore />
<div class="buttons"> <div class="buttons">
<button id="btnGetGps" type="button" title="Get GPS Location"><img src="images/nav/ic_gps_fixed_black_18dp_1x.png" <button id="btnGetGps" type="button" title="Get GPS Location"><img src="images/nav/ic_gps_fixed_black_18dp_1x.png"
class="light" /> class="light" />